HiPortfolio © - Design & No-code Agency
@hiportfolio.bsky.social
⚡️ Design & no-code
🎯 Branding. Products. Websites.
💻 Webflow, Framer, Figma & more
👇 Come see what we broke and rebuilt
https://hiportfolio.co/
🎯 Branding. Products. Websites.
💻 Webflow, Framer, Figma & more
👇 Come see what we broke and rebuilt
https://hiportfolio.co/
A 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
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
August 2, 2025 at 8:11 AM
A 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
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
A 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
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
August 1, 2025 at 11:20 AM
A 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
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
From 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
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
July 31, 2025 at 1:04 AM
From 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
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
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
Dynamic widgets, day/night modes, and flyer systems all contribute to one clear message: prayer time is always within reach.
#HiPortfolio #Masjid247 #IslamicApps #DesignWithPurpose
July 30, 2025 at 3:32 AM
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
Dynamic widgets, day/night modes, and flyer systems all contribute to one clear message: prayer time is always within reach.
#HiPortfolio #Masjid247 #IslamicApps #DesignWithPurpose
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
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
July 28, 2025 at 5:35 AM
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
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
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
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
July 27, 2025 at 4:28 AM
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
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
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
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
July 24, 2025 at 5:08 AM
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
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
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
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
July 23, 2025 at 5:50 AM
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
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
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 what it does, why it exists, and how users benefit across web and mobile. Light and dark mode ready.
#HiPortfolio #Masjid247 #WebDesign #AppDesign
July 21, 2025 at 4:42 AM
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 what it does, why it exists, and how users benefit across web and mobile. Light and dark mode ready.
#HiPortfolio #Masjid247 #WebDesign #AppDesign
Watch3’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
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
July 10, 2025 at 1:37 AM
Watch3’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
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
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
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
July 9, 2025 at 4:13 AM
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
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
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
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
July 8, 2025 at 2:57 AM
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
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
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
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
July 5, 2025 at 1:30 AM
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
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
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
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
July 4, 2025 at 1:56 AM
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
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
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
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
July 3, 2025 at 6:43 AM
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
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
Precision in the details.
TapTap’s brand design system includes expressive iconography, modern type, and original illustrations that work together to create a sense of energy and ease across the experience.
#HiPortfolio #TapTap #DesignSystem #EcommerceBrand
TapTap’s brand design system includes expressive iconography, modern type, and original illustrations that work together to create a sense of energy and ease across the experience.
#HiPortfolio #TapTap #DesignSystem #EcommerceBrand
July 1, 2025 at 3:18 PM
Precision in the details.
TapTap’s brand design system includes expressive iconography, modern type, and original illustrations that work together to create a sense of energy and ease across the experience.
#HiPortfolio #TapTap #DesignSystem #EcommerceBrand
TapTap’s brand design system includes expressive iconography, modern type, and original illustrations that work together to create a sense of energy and ease across the experience.
#HiPortfolio #TapTap #DesignSystem #EcommerceBrand
TapTap isn’t just about shopping—it’s about visual delight.
We created a flexible social system and branded product moments designed to spark discovery, from smart copy to scroll-friendly creatives and custom packaging.
#HiPortfolio #TapTap #SocialDesign #CreativeDirection
We created a flexible social system and branded product moments designed to spark discovery, from smart copy to scroll-friendly creatives and custom packaging.
#HiPortfolio #TapTap #SocialDesign #CreativeDirection
June 30, 2025 at 9:14 PM
TapTap isn’t just about shopping—it’s about visual delight.
We created a flexible social system and branded product moments designed to spark discovery, from smart copy to scroll-friendly creatives and custom packaging.
#HiPortfolio #TapTap #SocialDesign #CreativeDirection
We created a flexible social system and branded product moments designed to spark discovery, from smart copy to scroll-friendly creatives and custom packaging.
#HiPortfolio #TapTap #SocialDesign #CreativeDirection
TapTap reimagines the buying journey around what matters most—speed, clarity, and trust.
From intuitive category flows to a seamless checkout experience, we designed a UX that feels more like muscle memory than manual effort.
#HiPortfolio #TapTap #UXDesign #EcommerceDesign
From intuitive category flows to a seamless checkout experience, we designed a UX that feels more like muscle memory than manual effort.
#HiPortfolio #TapTap #UXDesign #EcommerceDesign
June 29, 2025 at 11:15 PM
TapTap reimagines the buying journey around what matters most—speed, clarity, and trust.
From intuitive category flows to a seamless checkout experience, we designed a UX that feels more like muscle memory than manual effort.
#HiPortfolio #TapTap #UXDesign #EcommerceDesign
From intuitive category flows to a seamless checkout experience, we designed a UX that feels more like muscle memory than manual effort.
#HiPortfolio #TapTap #UXDesign #EcommerceDesign
TapTap’s mobile app was built for modern shopping habits—fast, visual, and incredibly simple.
We designed a clean, scroll-first interface packed with features that support discovery without overwhelming the user.
#HiPortfolio #TapTap #AppDesign #MobileUX
We designed a clean, scroll-first interface packed with features that support discovery without overwhelming the user.
#HiPortfolio #TapTap #AppDesign #MobileUX
June 26, 2025 at 2:59 AM
TapTap’s mobile app was built for modern shopping habits—fast, visual, and incredibly simple.
We designed a clean, scroll-first interface packed with features that support discovery without overwhelming the user.
#HiPortfolio #TapTap #AppDesign #MobileUX
We designed a clean, scroll-first interface packed with features that support discovery without overwhelming the user.
#HiPortfolio #TapTap #AppDesign #MobileUX
One tap is all it takes.
For TapTap’s launch campaign, we crafted messaging systems like “Your One-Tap Shopping Experience” to turn complex value props into instant, memorable moments.
#HiPortfolio #TapTap #BrandMessaging #LaunchCreative
For TapTap’s launch campaign, we crafted messaging systems like “Your One-Tap Shopping Experience” to turn complex value props into instant, memorable moments.
#HiPortfolio #TapTap #BrandMessaging #LaunchCreative
June 22, 2025 at 1:58 PM
One tap is all it takes.
For TapTap’s launch campaign, we crafted messaging systems like “Your One-Tap Shopping Experience” to turn complex value props into instant, memorable moments.
#HiPortfolio #TapTap #BrandMessaging #LaunchCreative
For TapTap’s launch campaign, we crafted messaging systems like “Your One-Tap Shopping Experience” to turn complex value props into instant, memorable moments.
#HiPortfolio #TapTap #BrandMessaging #LaunchCreative
A brand built for momentum.
TapTap’s visual identity blends speed, friendliness, and instant recognition—from logomark to social presence to app icon. Every asset is built to move fast and stick around.
#HiPortfolio #TapTap #Branding #VisualIdentity
TapTap’s visual identity blends speed, friendliness, and instant recognition—from logomark to social presence to app icon. Every asset is built to move fast and stick around.
#HiPortfolio #TapTap #Branding #VisualIdentity
June 21, 2025 at 4:29 PM
A brand built for momentum.
TapTap’s visual identity blends speed, friendliness, and instant recognition—from logomark to social presence to app icon. Every asset is built to move fast and stick around.
#HiPortfolio #TapTap #Branding #VisualIdentity
TapTap’s visual identity blends speed, friendliness, and instant recognition—from logomark to social presence to app icon. Every asset is built to move fast and stick around.
#HiPortfolio #TapTap #Branding #VisualIdentity
Built for insight and speed, bSecure’s dashboard puts real-time performance and control at merchant’s fingertips.
We designed a scalable system of UI components that’s as data-rich as it is intuitive. No clutter—just clarity.
#HiPortfolio #bSecure #DashboardDesign #ProductUX
We designed a scalable system of UI components that’s as data-rich as it is intuitive. No clutter—just clarity.
#HiPortfolio #bSecure #DashboardDesign #ProductUX
June 19, 2025 at 1:39 AM
Built for insight and speed, bSecure’s dashboard puts real-time performance and control at merchant’s fingertips.
We designed a scalable system of UI components that’s as data-rich as it is intuitive. No clutter—just clarity.
#HiPortfolio #bSecure #DashboardDesign #ProductUX
We designed a scalable system of UI components that’s as data-rich as it is intuitive. No clutter—just clarity.
#HiPortfolio #bSecure #DashboardDesign #ProductUX
We took bSecure beyond screens, building out a physical presence that echoes its digital confidence.
From city billboards to Business cards, the visual system flexes effortlessly across formats—clear, bold, & wild.
#HiPortfolio #bSecure #BrandCollateral #VisualIdentity
From city billboards to Business cards, the visual system flexes effortlessly across formats—clear, bold, & wild.
#HiPortfolio #bSecure #BrandCollateral #VisualIdentity
June 19, 2025 at 1:32 AM
We took bSecure beyond screens, building out a physical presence that echoes its digital confidence.
From city billboards to Business cards, the visual system flexes effortlessly across formats—clear, bold, & wild.
#HiPortfolio #bSecure #BrandCollateral #VisualIdentity
From city billboards to Business cards, the visual system flexes effortlessly across formats—clear, bold, & wild.
#HiPortfolio #bSecure #BrandCollateral #VisualIdentity
The digital presence was designed to match the product’s ambition—direct, sharp, and conversion-ready.
From landing pages to “How it works” breakdowns, every surface tells the same story: trust, speed, and scale.
#HiPortfolio #bSecure #WebDesign #SocialDesign
From landing pages to “How it works” breakdowns, every surface tells the same story: trust, speed, and scale.
#HiPortfolio #bSecure #WebDesign #SocialDesign
June 19, 2025 at 1:29 AM
The digital presence was designed to match the product’s ambition—direct, sharp, and conversion-ready.
From landing pages to “How it works” breakdowns, every surface tells the same story: trust, speed, and scale.
#HiPortfolio #bSecure #WebDesign #SocialDesign
From landing pages to “How it works” breakdowns, every surface tells the same story: trust, speed, and scale.
#HiPortfolio #bSecure #WebDesign #SocialDesign
We reimagined the checkout experience into a single scroll—less noise, fewer clicks, smarter conversions.
From autofill to AI-powered order confirmations, everything is designed to speed up sales without sacrificing confidence.
#HiPortfolio #bSecure #CheckoutDesign #EcommerceUX
From autofill to AI-powered order confirmations, everything is designed to speed up sales without sacrificing confidence.
#HiPortfolio #bSecure #CheckoutDesign #EcommerceUX
June 19, 2025 at 1:25 AM
We reimagined the checkout experience into a single scroll—less noise, fewer clicks, smarter conversions.
From autofill to AI-powered order confirmations, everything is designed to speed up sales without sacrificing confidence.
#HiPortfolio #bSecure #CheckoutDesign #EcommerceUX
From autofill to AI-powered order confirmations, everything is designed to speed up sales without sacrificing confidence.
#HiPortfolio #bSecure #CheckoutDesign #EcommerceUX