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 Sprint
For landing pages, MVP stores, personal portfolios, photography collections, and focused launches that need a clean first release.
Launching Sprint
Essentials only. Launch a branded store, landing page, portfolio, or photo collection that converts, is easy to edit, and gets your idea in front of the market fast.
Shopify or WordPress/WooCommerce starter storesLanding pages with custom WordPress or Shopify theme developmentPortfolio and photography collection websitesCustom styling and setup support
From $999 / ¥7k~2 months
Launch with UsGrowth Build
For custom websites, Shopify builds, WordPress theme development, CMS systems, redesigns, and campaign-ready foundations.
Growth Build
Scale your product or take the next step with a custom website that supports launches, content workflows, and long-term growth. Includes 3 months of complimentary SEO support after launch.
Custom design and developmentWordPress theme development with editable CMS fieldsFlexible CMS with reusable sectionsBuilt for speed, conversions, and campaign launches
Typical projects from $5k / ¥35k~3 months
Scale with UsEnterprise / Ongoing Partner
For complex commerce, global rollout, multi-market systems, and long-term retainers.
Enterprise / Ongoing Partner
We design scalable e-commerce platforms, modular systems, and tailored workflows for large teams working across markets.
Scalable UX and design systemsCustom developmentSolutions for global markets (multi-store, Shopify+)Complex integrations (e.g. VTO, Shade Finder, Findation)
Scoped after discovery6+ months or retainer
Explore enterprise work