Bearbalanced is a health & wellness ecommerce website that promotes the product of the World's First Creatine Gummy! It was developed to help you take on each day stronger, focused, and more energetic by increasing the body’s natural ATP production. This is a landing page redesign project that helps deliver the greatest value of the product to the users and improve the user experience of the site.
Design Process
It started with auditing the current website and collecting all the assets along the way including banners, logo, images, icons, and copy before I create the new wireframes and assets for the new landing page. 
Based on what I've seen and collected, I searched and created new components that are added to the new design and organized a large amount of information in a better information hierarchy to help users read. For example, grouping them into cards within a section or visualized them into images.
For an ecommerce product, is it important to include customer reviews and comments. So I suggested to add section of customer reviews to the current website to help users get more insights from the peers who've brought the products to avoid lack of information transparency.
The biggest design challenge is visualizing the information with graphics and icons in an educational way v.s. sales and simplify the information on the website to really understand the pain points of the users.
There are 3 sets of design on desktop & mobile on how the information is delivered in a different section/flow or hierarchy. 

Figma File Overview of the High-fi Prototype

Banners and Graphics

Desktop

Mobile

Desktop

Mobile

Desktop

Mobile

Desktop

Mobile

Desktop

Mobile

Cards/ Components

Customer reviews cards

Tools
• Photoshop - Photo-editing and mockup
• Adobe Illustrator - Banners and assets
• Figma- Wireframes and high-fi prototype (desktop and mobile)

You may also like

Back to Top