Transforming Website Complexity into Friendly Feature Highlights

My Role

UI/UX Designer | Web Designer

Tools

Figma, WordPress, Elementor

Year

2024

Overview

As the lead designer, I crafted a captivating website for Eat IQ, an AI food label scanner revolutionizing nutritional awareness. This project epitomizes my commitment to seamless user experiences and visually compelling interfaces, showcasing my expertise in UI/UX design. Explore how Eat IQ redefines nutrition with transparency and innovation.

 

For this project, I utilized WordPress and Elementor to create the website, ensuring a seamless and visually appealing user experience. Leveraging the flexibility of Elementor, I brought the initial Figma design to life, incorporating dynamic elements and intuitive navigation. By harnessing these technologies, I was able to deliver a website that not only showcases the capabilities of Eat IQ but also highlights my proficiency in UI/UX design and website development.

The Challenges

The challenges were :

  • Designing a comprehensive website within a tight timeframe and with limited resources.
  • Condensing the myriad functionalities of the Eat IQ app into a two-page format.
  • Balancing the need for concise content with conveying the full range of app features effectively.
  • Leveraging available resources efficiently and employing innovative problem-solving to meet project objectives.

User Flow

A user flow is a visual representation of the steps that a user takes to complete a task on a website or app. It is a way of understanding how users interact with your product and identifying any areas that may be causing problems.

 

Navigating through Eat IQ’s website is a breeze, thanks to a streamlined user flow meticulously designed for simplicity. As the designer, I crafted intuitive navigation pathways and clear signposts, ensuring users can effortlessly explore the app’s features and benefits.

Home Page

I begin revamping the website and bringing it up to date.

 

The first step was to establish the brand’s colors and use them across the website. With Elementor, I grabbed all of the colors and saved them as Global Colors.

Let’s check out the final landing page now:

App Page

As a designer, my goal was to present all features in a clear and easy-to-understand manner on the Eat IQ app page. Each aspect was carefully crafted to ensure effortless navigation and comprehension, guaranteeing users could explore the app’s capabilities seamlessly.

FAQ Page