Built with Framer
HHN - Design & development
Kibz Yahya
Verified
Overview
Happy Healthy Nutrition is a Recipe & Nutrition Brand based in Australia focusing on helping people live a healthy life. The goal for this project was to create the landing page and other pages for the website shwocasing the benefits of the service the brand has to offer so that users can sign up to the app
Goals for this Project
A clean modern landing page that reflects the brand image & Nutrition
A Clearly defined UX ans structure for people to be abble to navigate the site smoothly and also complete the intended tasks ie. (Sign button) To educate people new people about the product as much as psosiblle so that they can be onboarded
Build custom scalable components to be used across the entire project
To educate visitors about various nutrition plans and options so that they can choose what fits them, subscribe & get started with their nutrition journey
The entire Process
Kickoff & Discovery
After getting request from client, made research about the client, what they stand, mission & goals to know exactly what to present & how
Gathered inspuration, and moddboards that match the brand to pick the website direction
Design
Full responsive: Designed a simple and elegant landing page with clear short copy, micro interactions to make info digestable by new users
Interactive Elements: Used Effects, Showdows and scroll based animations to
create an engaging experience to represent the company's goals
Framer development
Fully responsive design : I used framer to create an optimized page for both desktop and mobile to ensure a seamless experience for users using various tools to view the brand's content
SEO Optimized design : Set all Seo settings from Titles, descriptions and favicons, to ensure that the website perfoms super well and find it in google as well
Creating scalable systems: I used one of Framer's most powerful features to create scalability in the website. THis was done through components, variants and more. This helped the non tachnical team, Happpy heallth Nutrition to jump and edit content, psots and projects
Hand Off
Havinh had all the designs and dev work approved by the client, I gave access to the Happyhealth Nutrition team with access to everything so that they could change and upate content as they want
Final deliverables
A fully optimized landing page for faster page loads
A responsive User experience platform for happy Healthy Nutrition across all screen sizes
Designs aligned with the brands tone/voice
Scroll-based animations and dynamic visuals for an engaging user experience.
Mircro hoover interactions to clearly explain info on the website & adding abit of live to the page.
Like this project
Posted Apr 18, 2025
I designed & built the website which launched together with the web app. The project had a tight deadline hence speed was key on this one
Likes
1
Views
26
Timeline
Apr 8, 2025 - Ongoing
Clients
Nexus Flow Innovations
