Joy Nutrition
Large-scale development of the Joy Nutrition online store - from creating a structure and catalog to implementing functionality and an adaptive version.
COMPANY WEBSITE
From concept to launch
UX/UI
85 hours
Development/Testing
250 hours
Design software
Figma
Technology
Opencart
PROBLEMS AND CHALLENGES
Launch of a new e-commerce product
New product - new store
The brand was bringing a separate direction to the market, so the store structure had to be built from scratch, rather than adapting an existing one.
Catalog logic from scratch
The assortment included many categories, so it was immediately necessary to create clear navigation for quick product searches.
Mobile-first approach
The main traffic for the new product was expected to come from mobile devices, so the store had to work equally well on all screens from the start.
Designing the path to purchase
There was no historical data on user behavior, so the path from product selection to order placement had to be thought out from scratch.
GOALS
Creating a modern and intuitive e-commerce experience
Well-thought-out catalog structure
We developed the logic of categories and navigation so that the user could quickly navigate the assortment.
Convenient product presentation
We designed product cards and pages so that key information was immediately available.
Adaptive experience
We built the adaptability of the store's main scenarios for mobile devices and different screen sizes.
A well-thought-out customer journey
We built key points of user interaction with the site — from the catalog to placing an order.
HOMEPAGE
Description
The homepage was supposed to simultaneously present the Joy Nutrition brand, show key categories, and guide the user to the desired products.
Decision
We rebuilt the structure of the main page, prioritized content presentation, and created clear transitions to the main sections of the store.
Result
The user understands Joy Nutrition's offer faster and can jump to the desired category or product without unnecessary steps.
CATALOGUE AND PRODUCT CARD
Description
A large range of products required a convenient catalog structure and clear presentation of information about each product.
Decision
We optimized the catalog structure, navigation between categories, and product cards. We made key product information accessible and easy to understand.
Result
The user can more quickly find the desired product, familiarize themselves with its characteristics and proceed to purchase.
MOBILE VERSION
Description
The key scenarios of the online store needed to be adapted for comfortable use on smartphones, without losing the functionality of the desktop version.
Decision
We adapted the catalog, product cards, navigation, and main stages of purchase for mobile devices.
Result
Joy Nutrition received a fully responsive online store with a convenient user experience on different types of devices.
We have updated the Joy Nutrition e-commerce experience, focusing on convenient navigation, product presentation, and ease of interaction with the store.
Structure and Navigation: We built the store structure and navigation so that users can find the right categories and products faster.
Catalog and products: We optimized the presentation of the assortment and information about products, making the product selection process intuitive.
Adaptability and shopping: We adapted key store scenarios for mobile devices and simplified the user's journey from product selection to checkout.
Every day we strive to make health and peace of mind more accessible. M1 Development helped us realize this on our website: from the catalog structure to the ordering process. Now ordering from Joy Nutrition is not just a purchase, but a pleasant and intuitive experience that conveys our care for each customer.
— Customer feedback