Halfday Tonics
UI/UX Design
Development
Consulting & 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.
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
Mailchimp
Highlights
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
Awards
Halfday Tonics
UI/UX Design
Development
Consulting & 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.
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
Mailchimp
Highlights
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
Awards
Halfday Tonics
UI/UX Design
Development
Consulting & 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.
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
Mailchimp
Highlights
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
Awards
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.
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.
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
Challenges
Maintain strong brand tone without compromising UX
Fast mobile performance with heavy visuals
Bringing strong and opinionated branding to life digitally
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
Variant Picker
Homepage
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.
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
Product Page
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.
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. There is a slider feature, allowing users to easily browse through all the flavours, just like a gallery.
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. There is a slider feature, allowing users to easily browse through all the flavours, just like a gallery.
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, without getting distracted by unnecessary elements.
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, without getting distracted by unnecessary elements.
Similar Projects
Invest at the right stage
Want to build a website with us?
Schedule a 30-minute call to see if we are a good match.
We are the Rebeccas – founders of Same Same Studio, and together with our in-house team and close collaborators, we will work with you from start to finish.
Mo – Fr: 9AM–5PM
GMT+1
07:14PM
Same Same GmbH
Eggerthgasse 8/1b
1060 Vienna
Austria
We only participate in paid pitches.
Join the team
Freelance Frontend Developer
Web design
Design systems & iconography
App Design
Landing pages
Digital Product design
User testing
UX analysis + reports
Freelance UI/UX Designer
Web design
Design systems & iconography
App Design
Landing pages
Digital Product design
User testing
UX analysis + reports
We are not currently hiring, but we are always happy to expand our network of creative collaborators, send us your portfolio to: jobs@samesame.studio
Creative Consulting
Are you a creative looking to start, or grow a creative business? We offer workshops, consulting, and mentorships.
Community
We do not have active social channels right now, but you can check out our recent work here or chat with us on Discord.
Want to build a website with us?
Schedule a 15-minute call to see if we are a good match.
We are the Rebeccas – founders of Same Same Studio, and together with our in-house team and close collaborators, we will work with you from start to finish.
Mo – Fr: 9AM–5PM
GMT+1
07:14PM
Same Same GmbH
Eggerthgasse 8/1b
1060 Vienna
Austria
We only participate in paid pitches.
Join the team
Freelance Frontend Developer
Web design
Design systems & iconography
App Design
Landing pages
Digital Product design
User testing
UX analysis + reports
Freelance UI/UX Designer
Web design
Design systems & iconography
App Design
Landing pages
Digital Product design
User testing
UX analysis + reports
We are not currently hiring, but we are always happy to expand our network of creative collaborators, send us your portfolio to: jobs@samesame.studio
Creative Consulting
Are you a creative looking to start, or grow a creative business? We offer workshops, consulting, and mentorships.
Community
We do not have active social channels right now, but you can check out our recent work here or chat with us on Discord.