Healthy Food

JUST SCROLL DOWN ✦ SCROLL DOWN ✦

Overview

The main idea was to create a beautiful and interactive website that showcases services related to healthy eating, dietary meals, a recipe site, or vegetarian food. This website includes interactive elements and a vibrant design that allows users to visualize and learn more about the offered products.

Design solutions

I used free and licensed food photos for this project. It took about 6 hours on average to select the photos

I used free and licensed food photos for this project. It took about 6 hours on average to select the photos

Photo editing

Photo processing took an average of an hour or two, Adobe Photoshop was used in the work

Photo processing took an average of an hour or two, Adobe Photoshop was used in the work

Photo processing took an average of an hour or two, Adobe Photoshop was used in the work

Original photo

The photo shows the original photo before processing

Processed photo

During the processing, the background was removed and the details were smoothed out

Selection of the color palette

The choice of the color palette for the color of fonts, icons and buttons came from the selection of photos. Similar colors were used to create a common mood and theme of the project

White

Background color

Light green

The color of the icons and arrows

Dark green

The color of the heading 1

Orange

Button color

Green

The color of the heading 2, 3

Blue

Paragraph color

Typoghraphy

Stay Girly Regular – for Headings

Stay Girly Regular – for Headings

Stay Girly Regular – for Headings

I used this font because it looks friendly and creative, making it perfect for logos and creative projects. It is ideal for headlines about healthy food, organic products, and topics related to self-care and nature. The font helps convey a sense of naturalness, freshness, and trust, which makes it an excellent choice for brands associated with a healthy lifestyle.

Rancho – for Paragraph Text

Rancho – for Paragraph Text

Rancho – for Paragraph Text

I used this font for secondary headings. It also conveys energy and positivity but offers better readability at smaller sizes. Its clear and lively style makes it ideal for supporting text that still needs to feel dynamic and engaging without compromising legibility.

Responsitivenes

The website is fully responsive and adapts smoothly to any device, providing a consistent and user-friendly experience. Both design and functionality are tailored for:

  • Desktop – A comprehensive layout with rich visuals and intuitive navigation for maximum usability.

  • Tablet – An optimized interface that ensures effortless browsing and interaction on mid-sized screens.

  • Mobile – A streamlined design with touch-friendly features, offering easy access and smooth performance on smartphones.

Results

The concept of this website demonstrates how web design, graphic design, and animation can be successfully combined in one project. The vibrant visuals instantly engage users and spark interest, encouraging them to scroll through the entire page. Animated elements add interactivity and help draw attention to key points. Bright photos and fonts create a positive impression of healthy food and a healthy lifestyle.

The website is available at the following link:
https://healthfood.framer.website

This is a homepage-only design created to present the visual concept and get client approval based on the brief. The design was completed in just three days.
It’s a great example of how a colorful and unique website can be created beautifully and affordably.

The web design was created to provide a visually appealing and engaging experience that captures users' attention from the first glance. Thanks to its clean and elegant layout, the website aims to inspire trust in the content and services offered.

To enhance user interaction, subtle animation effects were added, making the experience more dynamic and interactive without overwhelming users with excessive or complex information.

The website is available at the following link: https://newhorizons.framer.website .

This is a homepage-only design developed to present the visual concept and receive client approval on the brief.
The design was completed in 1 day.

The web design was created to provide a visually appealing and engaging experience that captures users' attention from the first glance. Thanks to its clean and elegant layout, the website aims to inspire trust in the content and services offered.


To enhance user interaction, subtle animation effects were added, making the experience more dynamic and interactive without overwhelming users with excessive or complex information.

The website is available at the following link: https://newhorizons.framer.website.


This is a homepage-only design developed to present the visual concept and receive client approval on the brief.
The design was completed in 1 day.

See all works