Halfday Tonics
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.
Year
2022
Project
Custom Shopify theme design and development
Scope
Full redesign to reflect new branding, custom theme build, mobile-first optimization, brand awareness driven
Industry
Food & Beverage
Technologies
Figma
Recharge
Shopify
Okendo
Click Up
MailchimpHighlights
- Design system based on brand guidelines
- Custom Shopify theme
- Brand assets optimized for performance
- Fully editable page templates
- Third-party app integrations
- Micro animations with interactive elements
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
Our Approach
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.
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.
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
Project Highlights
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.
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.
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.
Similar Projects
Invest at the right stage
Launching Sprint
For landing pages, MVP stores, personal portfolios, photography collections, and focused launches that need a clean first release.
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.
Growth Build
For custom websites, Shopify builds, WordPress theme development, CMS systems, redesigns, and campaign-ready foundations.
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.
Enterprise / Ongoing Partner
For complex commerce, global rollout, multi-market systems, and long-term retainers.
We design scalable e-commerce platforms, modular systems, and tailored workflows for large teams working across markets.
