top of page

Vitamins Ninja

Redesigning e-commerce vitamins website for desktop and mobile

( 2022 UI/UX )

iPhone Mockup_2-1440x795.jpg

Overview

All the problems with the current version of the website were properly defined and documented. i was eventually able to mitigate them in the final design.

My Role

UI/UX Design

Tools

 Figma

Context

Student project

Goals

After properly understanding the problem statements the main goals of the website redesign were established.

Research

I collected some very useful data from user tasking and bench-marketing from the biggest competitor analyses. This assisted me in taking design decisions.

( HOME PAGE )

צילום מסך 5782-13-19 ב-9.21 1.png

( PRODUCT PAGE )

צילום מסך 5783-01-07 ב-12.10 1.png

( PRODUCT PAGE )

צילום מסך 5783-01-07 ב-12.40 1.png

( HOME PAGE )

צילום מסך 5782-13-21 ב-8.00 1.png

( KEY TAKEAWAYS  )

Successful websites have prominent product displays with clear information and recommendations, instilling trust in customers.

Pages are clean with white backgrounds and navigation bars logically divided and accessible.

The browsing experience is enjoyable, easy, clear and despite the use of cold colors, they offer a human touch with explanations and guidance.

The successful website dont give a "Robotic feel". the websites offer recipes, explanations, and full descriptions.

Information Architacture

Wireframes 

Desktop

( HOME PAGE )

image 18.png

( MENU )

image 19.png

(  CATEGORIE PAGE )

image 20.png

( PRODUCT PAGE )

image 21.png

( ADD TO CART POPUP )

image 22.png

( SHOPPING CART )

image 23.png

Design system

( COLORS )

( TEXT )

Interface

Desktop

1.png
shopping cart.png

Mobile

mobile design-home page.png
2.png
mobile design-products by refine.png
1.png
shopping cart.png
bottom of page