WonderPhone

UX-UI Design
Webflow Development
3D
Shopify Integration

WONDER PHONE, A MODERN-DAY FLIP DEVICE, TEAMED UP WITH PRISMPORT TO DESIGN EVERYTHING FROM BRAND TO BUILD.THE GOAL WAS TO CRAFT A STANDOUT PRODUCT EXPERIENCE THAT MERGED NOSTALGIA WITH FUTURISM—AND POSITIONED WONDER AS A CATEGORY-DEFINING FLAGSHIP.

Project background

Wonder Phone wasn’t just another website project—it was a rare, full-stack design + development journey. The brand needed a bold identity, a striking product narrative, and a seamlessly integrated digital experience that felt premium, modern, and memorable.

GOALS & OBJECTIVES

We handled everything end-to-end—from defining the visual language and tone to producing hyper-realistic 3D renders of the product. The site was built in Webflow and synced with Shopify via Smoothify to ensure seamless e-commerce functionality. Every micro-interaction, layout, and asset was designed to reflect the ambition of the brand.

WonderPhone Revamp
wonderphone
No items found.


📱 UX, UI & 3D Renders

We designed the entire user journey for both the site and the product. From page structure to micro-interactions, everything was designed with intent. We also created hyper-realistic 3D renders of the Wonder Phone to showcase it like a flagship device. These visuals became the soul of the site.







These weren’t just visuals — they told the story of the product. We handled the 3D renders end-to-end, making sure they matched the tone and ambition of the brand.





🧡 Branding & Visual Direction

We kicked things off by building the foundation — crafting a bold, clean identity system that felt both nostalgic and futuristic. The color palette, typography, and overall art direction were all developed from scratch to make Wonder feel modern, kosher, and confidently minimal.

No items found.
No items found.
Modular Cart synced with Shopify
Shopify + Webflow CMS synced product description pages
Shop page grid
Contact page - Mapbox integration
About page
Parallax animation effects bring depth
No items found.
No items found.
No items found.
Teams involved

Design, Webflow Development, Creative Designer, Animator, Shopify Expert, Project Manager.

Tools and technologies

Design: Figma

Animations: Adobe After Effects, Bodymovin Plugin, Lottiefiles.com