Explore the full case study β hiportfolio.co/case-studies/masjid-247
02.08.2025 08:11 β π 0 π 0 π¬ 0 π 0@hiportfolio.bsky.social
β‘οΈ Design & no-code π― Branding. Products. Websites. π» Webflow, Framer, Figma & more π Come see what we broke and rebuilt https://hiportfolio.co/
Explore the full case study β hiportfolio.co/case-studies/masjid-247
02.08.2025 08:11 β π 0 π 0 π¬ 0 π 0A mark rooted in purpose.
This motion piece brings the Masjid247 logomark into focusβlayered onto brand photography to create a bold, unified identity that bridges tradition and technology.
#HiPortfolio #Masjid247 #Branding #VisualIdentity
Explore the full case study β hiportfolio.co/case-studies/masjid-247
01.08.2025 11:20 β π 0 π 0 π¬ 0 π 0A moment of prayer, beautifully visualized.
This animation shows how the Masjid247 widget blends with real-world photographyβgradients shift with the sky, reflecting each prayer time in a way that feels natural and serene.
#HiPortfolio #Masjid247 #MotionDesign #ProductExperience
Explore the full case study β hiportfolio.co/case-studies/masjid-247
31.07.2025 01:04 β π 0 π 0 π¬ 0 π 0From search to salah, the entire user journey of Masjid247 is built for simplicity and speed.
This animation brings the experience to lifeβsearching by location, finding nearby masjids, and checking jammat timings with accuracy and ease.
#HiPortfolio #Masjid247 #UXDesign #IslamicTech
Explore the full case study β hiportfolio.co/case-studies/masjid-247
30.07.2025 03:31 β π 0 π 0 π¬ 0 π 0Masjid247 Widget Design - Mobile App Widgets in all Types including Sky Transitions & Nearest Mosque
Masjid247 Mobile App Flyer Design - Promoting for Downloading Masjid247 Mobile App
From phone screens to city streets, we designed every touchpoint of Masjid247 to feel personalized and purposeful.
Dynamic widgets, day/night modes, and flyer systems all contribute to one clear message: prayer time is always within reach.
#HiPortfolio #Masjid247 #IslamicApps #DesignWithPurpose
Explore the full case study β hiportfolio.co/case-studies/masjid-247
28.07.2025 05:34 β π 0 π 0 π¬ 0 π 0Masjid247 Print Design - Billboard Banner Design
Masjid247 Bus Stand Banner Design for Marketing
Masjid247 Billboard Banner Design - Street Banner for Marketing
From street banners to bus stop displays, we brought Masjid247 into public view with clarity and relevance.
Each ad was crafted to show real jammat times near youβbridging digital utility with physical presence in places that matter most.
#HiPortfolio #Masjid247 #CreativeDirection #OutdoorDesign
Explore the full case study β hiportfolio.co/case-studies/masjid-247
27.07.2025 04:26 β π 0 π 0 π¬ 0 π 0Masjid247 Mobile App Design - Masjid Overview and Detail Screens on iPhone
Masjid247 Mobile App Design - See Mosques in Map View
Masjid247 Web App Design - Mosques Overview and Maps Screens
Masjid247 connects users to accurate jammat times, nearby mosques, and local halal businessesβall in one place.
We designed a seamless user journey across mobile and web, with map integrations, smart search, and a focus on community-first utility.
#HiPortfolio #Masjid247 #UXDesign #CommunityTech
Explore the full case study β hiportfolio.co/case-studies/masjid-247
24.07.2025 05:07 β π 0 π 0 π¬ 0 π 0Masjid247 Widget Design - iPhone Full Size Widget showing Isha Namaz Time as active
Masjid247 Widget Design on Apple Watch, alerting about jammat time for Isha
Masjid247 Widget Design on TV in Mosque, alerting about jammat time for Fajr
Prayer times, reimagined visually.
We created a widget system that shifts gradients based on time of dayβfive unique colorways inspired by the sky at each prayer.
Designed for mobile, smartwatches, and mosque display screens alike.
#HiPortfolio #Masjid247 #ProductDesign #IslamicDesign
Explore the full case study β hiportfolio.co/case-studies/masjid-247
23.07.2025 05:49 β π 0 π 0 π¬ 0 π 0Masjid247 Brand Design - Logomark & Logotype
Masjid247 Brand Design - Brand Logomark and Photography
Masjid247 Brand Design - Brand Logomark and Logotype Explained
Masjid247 Brand Design - Typography & Fonts
A brand system built with intention and faith at the center.
From logomark structure to meaningful typography and photography, every element of Masjid247βs identity was designed to build trust and feel rooted in purpose.
#HiPortfolio #Masjid247 #Branding #VisualIdentity
Explore the full case study β hiportfolio.co/case-studies/masjid-247
21.07.2025 04:41 β π 0 π 0 π¬ 0 π 0Masjid247 Website Design - Landing Page Hero Section
Masjid247 Website Design - Mobile App Features & Dark Mode
Masjid247 Website Design - Why we built Masjid247 Section
Masjid247 Website Design - How it works section
Masjid247 was designed to make it easier for Muslims to stay connected with their local mosquesβaccurately, beautifully, and reliably.
Explore what it does, why it exists, and how users benefit across web and mobile. Light and dark mode ready.
#HiPortfolio #Masjid247 #WebDesign #AppDesign
Explore the full case study β hiportfolio.co/case-studies/watch3
10.07.2025 01:36 β π 0 π 0 π¬ 0 π 0Watch3βs product experience is as functional as it is fluid.
We designed modular dashboard componentsβfrom onboarding to messaging statsβto make adoption effortless and user journeys feel smart from day one.
#HiPortfolio #Watch3 #ProductDesign #UXDesign
Explore the full case study β hiportfolio.co/case-studies/watch3
09.07.2025 04:13 β π 0 π 0 π¬ 0 π 0Watch3 Website Design - Hero section on landing page with dashboard screen
Watch3 Brand Design - Iconography and Pricing page on website
Watch3 Dashboard Design - Analytics and Stats Overview
From first scroll to final insight, the Watch3 website is designed to perform.
We combined bold hero visuals, responsive pricing breakdowns, and a suite of product analytics to tell one clear story: this is what growth in Web3 should look like.
#HiPortfolio #Watch3 #WebDesign #ProductUI
Explore the full case study β hiportfolio.co/case-studies/watch3
08.07.2025 02:57 β π 0 π 0 π¬ 0 π 0Watch3 Dashboard - Onboarding and Member Anlaytics Graph comapring messages
Watch3 Dashboard Design - User Details page with analytics and graphs
Watch3 Dashboard Design - Integrations, Settings & other screens
We designed the Watch3 dashboard to turn complexity into clarity.
With motion-led product reveals and focused UI views, the platform gives users exactly what they needβkey data, clean design, and no fluff in sight.
#HiPortfolio #Watch3 #DashboardDesign #MotionDesign
Explore the full case study β hiportfolio.co/case-studies/watch3
05.07.2025 01:30 β π 0 π 0 π¬ 0 π 0Watch3 Social Media Design for marketing of the platform
Watch3 Tote Bag Design
Watch3 Mobile App Icon Design
For a Web3 product that moves fast, we built a visual system thatβs made to scale.
From scroll-stopping carousels to branded accessories and app assets, every visual element is rooted in Watch3βs missionβclarify what matters, ditch what doesnβt.
#HiPortfolio #Watch3 #SocialDesign #BrandExtensions
Explore the full case study β hiportfolio.co/case-studies/watch3
04.07.2025 01:56 β π 0 π 0 π¬ 0 π 0Watch3 Logo Design - Logo Grid on white background
Watch3 Website Design - Product Features Section
Watch3 Logo Design - Logo Grid on blue background
We crafted the Watch3 logo to balance structure with stretchβclean, modular, and ready to move.
Paired with a product-first feature section, the identity system blends sharp visuals with clear graphs to support every layer of the Watch3 platform.
#HiPortfolio #Watch3 #VisualIdentity #Web3Design
Explore the full case study β hiportfolio.co/case-studies/watch3
03.07.2025 06:43 β π 0 π 0 π¬ 0 π 0Watch3 Brand Design - Billboard Design promoting the product
Watch3 Brand Design - Business Card Design
To stand out in the noise of Web3, we built a brand that leads with clarity and confidence.
From bold billboard messaging to a sharp business card system, every touchpoint of Watch3 was designed to reflect data-driven precision.
#HiPortfolio #Watch3 #Branding #CreativeDirection