A L I H A S S A N
Natural Formulations LLC UI/UX Design by Ali Hassan
  • Client Natural Formulations L.L.C
  • Project Type Branding | UI/UX Design

Introduction:

Natural Formulations L.L.C is a health supplements company that approached me for UI/UX design of their eCommerce website. The client’s goal was to create a user-friendly and appealing website that could attract and retain customers for their business.

  • Research

    Before beginning the design process, I conducted thorough research to understand the target audience, the industry, and competitors. Through surveys and interviews, I gathered information about the user’s preferences, pain points, and shopping habits. I also analyzed the websites of other health supplement companies to determine the industry’s standard practices and identify areas for improvement.

  • Design

    Based on the research, I developed wireframes for each page of the website, including the landing page, about page, shop page, ingredients page, recipes page, blog page, mission page, and contact page. The client approved the wireframes, and I proceeded with the visual design.

Landing Page:

The landing page had to be visually appealing and informative, with a clear call-to-action to encourage users to explore the website further. I created a hero section with an eye-catching image of the product, a headline, and a brief description. The top navigation bar had links to other pages, and a prominent CTA button led users to the shop page.

Natural Formulations L.L.C Home Page UI/UX Design
Natural Formulations L.L.C Home Page UI/UX Design

About Page:

The about page provided information about the company’s history, values, and mission. I designed a section with a timeline of the company’s milestones and a team section that showcased the people behind the brand.

Natural Formulations L.L.C About Page UI/UX Design
Natural Formulations L.L.C About Page UI/UX Design

Shop Page:

The shop page had to be intuitive and easy to navigate. I created filters that allowed users to sort the products based on categories such as supplements, vitamins, or sports nutrition. Each product had an image, a brief description, and a price. The CTA button led users to the product page for more details.

Natural Formulations L.L.C Shop Page UI/UX Design
Natural Formulations L.L.C Shop Page UI/UX Design
Natural Formulations L.L.C Shop Detail Page UI/UX Design
Natural Formulations L.L.C Shop Detail Page UI/UX Design

Ingredients Page:

The ingredients page provided detailed information about the ingredients used in the products. I designed a section that showcased the ingredients’ benefits and a table that listed the products containing each ingredient.

Natural Formulations L.L.C Ingredients Page UI/UX Design
Natural Formulations L.L.C Ingredients Page UI/UX Design

Recipes Page:

The recipes page provided healthy recipes that users could prepare using the company’s products. I designed a section with recipe cards that had an image, a title, and a brief description. Each card led to a recipe page with detailed instructions and ingredients.

Natural Formulations L.L.C Recipes Page UI/UX Design
Natural Formulations L.L.C Recipes Page UI/UX Design

Blog Page:

The blog page provided informative articles related to health and nutrition. I created a section with featured articles and a grid of recent articles. Each article had an image, a title, and a brief description. The CTA button led users to the full article.

Natural Formulations L.L.C Blog Page UI/UX Design
Natural Formulations L.L.C Blog Page UI/UX Design
Natural Formulations L.L.C Blog Detail Page UI/UX Design
Natural Formulations L.L.C Blog Detail Page UI/UX Design

Mission Page:

The mission page provided a detailed description of the company’s values and mission. I designed a section with the company’s mission statement and a timeline of the company’s accomplishments.

Natural Formulations L.L.C Mission Page UI/UX Design
Natural Formulations L.L.C Mission Page UI/UX Design

Contact Page:

The contact page had a form that allowed users to send a message to the company. I also included the company’s address and phone number for users who preferred to contact the company directly.

Natural Formulations L.L.C Contact Page UI/UX Design
Natural Formulations L.L.C Contact Page UI/UX Design

Conclusion:

The final design was a visually appealing and user-friendly eCommerce website that met the client’s goals. The client reported increased traffic and sales on the website, with positive feedback from users. My UI/UX design helped Natural Formulations L.L.C gain and retain customers, contributing to the growth and success of their business.