Case study · Website
Overview
A healthy soda, loud and playful.
Fibe makes fizzy drinks that taste like the classics, with gut-friendly fibre, calcium and vitamin C. I designed the online store in Figma and built it in Framer with Shopify checkout, from the bold home page to a colour-coded page for each flavour.
- Industry
- Healthy soda
- Services
- Website design
- E-commerce
- Development
- Built with
- Figma
- Framer
- Shopify
- Timeline
- ~7 weeks · 2024
Client review
“Tiago made a great website for me on Framer. He has a brilliant design eye and I will definitely use him on any similar future projects. Would 100% recommend him to anyone wanting to build a top-quality website!”
The challenge
What needed to change.
Fibe's one-page Shopify store needed a redesign as loud and playful as the cans, and shopping still had to stay simple, with subscriptions and a mixed pack alongside single flavours.
What I did
- 01
Loud on purpose
Loud flavour colours, wavy can patterns and chunky outlined type give the store its personality.
- 02
A colour per flavour
Flavour cards with animated hovers lead to four colour-coded product pages, plus subscriptions and a mixed pack.
- 03
Framer with Shopify
I built the store in Framer with Shopify integration, so checkout runs through Shopify.
Start a project
Tell me what you’re building.
A few quick questions, and you’ll get a reply with a clear next step. No call required.