Custom design system
We translated Halfday’s new brand identity into a bold, conversion-ready UI. The design system was built to support playful visuals, strong hierarchy, and flexible content blocks.
Case brief
Halfday Tonics
UI/UX DesignDevelopmentConsulting & Strategy
As a brand selling primarily in retail, Halfday was looking to create a digital experience that encompassed their new branding, and that spoke to their young and nostalgic aesthetic. While this project was not about conversion we did not compromise on usability.
Delivery highlights
- 01Design system based on brand guidelines
- 02Custom Shopify theme
- 03Brand assets optimized for performance
- 04Fully editable page templates
- 05Third-party app integrations
- 06Micro animations with interactive elements
Brief and constraints
Briefing & Challenges
Client Brief
“Our website is basically only jpeg images. It’s slow, unshoppable, and broken on mobile. Plus, we have a new brand to show off and need awareness more than conversions as most of our sales happen offline.”
Challenges
- Maintain strong brand tone without compromising UX
- Fast mobile performance with heavy visuals
- Bringing strong and opinionated branding to life digitally
Delivery path
Our Approach
Custom theme development
We designed and developed a completely custom Shopify theme from the ground up. Every layout and interaction was built to match the brand’s playfulness.
Performance with personality
The final site features high-impact visuals with mobile-first UX. It’s fast, easy to manage, and supports product launches and campaigns.
Result proof
The Results
“I went to your mobile website to look for information I could use in my Instagram post and man you have the best website probably ever. Everything about it is super fun and awesome.”
User Feedback on Halfday
Scope / stack / outcome
Project Highlights
01
Stickers
Stickers were used strategically throughout the design. More than decoration, they helped create a cohesive visual look and tied together elements that might have otherwise felt disconnected.
02
Dynamic Color Scheme
Inspired by the packaging design concept, each product has its own color scheme, and the product page is set up so the client can assign color schemes on a per product basis.
03
UX Focused
Although the overall look and feel is playful, the product form is intentionally straight forward in comparison. This ensures that users can focus on the necessary information needed to make a purchase.
Related cases
Similar Projects
Next investment stage
Launching
Built for small teams who need to move fast, and validate their product on the market.
Launching
Essentials only. Launch a branded store or landing page that converts and gets your idea out fast.
No-code solutions for Shopify or a portfolio websitePhotographer portfolios and independent creative websitesCustom styling and setup supportEasy-to-edit CMS
From $999 / ¥7k~ 2 months
Launch with UsGrowing
For teams that have outgrown their current site and need a scalable solution to support future growth.
Growing
Scale your product or take the next step with a custom website that is built to grow with you.
Custom design and developmentFlexible CMS with reusable sectionsBuilt for speed, conversions, and campaign launchesMid-level integrations (e.g. subscriptions, reviews)
From $2k / ¥15k~ 3 months
Scale with UsEnterprise
For large teams that need robust, flexible solutions that have complex requirements.
Enterprise
We design scalable e-commerce platforms with modular systems and tailored solutions for global markets.
Scalable UX and design systemsCustom developmentSolutions for global markets (multi-store, Shopify+)Complex integrations (e.g. VTO, Shade Finder, Findation)
From $4k / ¥30k~ 6 months
Explore our Solutions