3 months
USA
healthcare
- 1 UI/UX designer
- 1 full-stack developer
- 1 project manager
challenge
The client's platform did not follow modern design standards recommended for e-commerce. It lacked key features such as product ratings, navigation, and emphasis on product pricing. Additionally, the site overlooked essential information like order and shipping details.
The platform couldn’t offer an optimal customer experience and did not meet the client's business needs.
UX audit
The client requested an update to the existing website design and the implementation of e-commerce best practices.
Before starting the redesign process, we conducted a UI/UX audit to identify specific areas in usability and product focus. We presented the analysis results to the client, considered all their expectations, and began implementation.
product page
Following the UX review and using the Tailwind CSS framework, we carried out several ideas for the product page.
We enhanced the product page by adding clear, user-friendly sections: “How to Use” and “Product FAQ” to proactively address common questions and reduce cognitive load for customers before purchase. We also integrated a “Customer Reviews” section to build trust and boost product loyalty.
Additionally, we optimized the mobile version of the product page to provide a seamless user experience across all devices.
customer dashboard
On the customer dashboard, users can handle their supplement kits, update health information, consult with Binto licensed health professionals, and manage shipments.
Our improvements included creating more personalized communication between Binto and the customers and adding the ‘Buy Now or Later’ feature.
A redesign of the referral promo section would encourage existing customers to recommend the platform to their friends, earning personal discounts.
shopping cart
We redesigned the shopping cart to enhance usability and encourage order completion. The new layout is more intuitive, providing clear options for adjusting the quantity of supplement kits.
We also added detailed information on discounts and shipping to keep customers informed throughout checkout. These improvements make the purchasing process smoother.
technology stack
Backend
Ruby Ruby on Rails MySQL Sidekiq Rspec AWS S3
Frontend
React Tailwind CSS framework Webpacker SimpleForm
communication
-
During sprint planning sessions on Slack, the client discussed the tasks for the upcoming week or two with the team, depending on the complexity of the tasks. Afterward, the team presented the results or a demo before releasing the feature.
-
Tools
estimate your project
Hanna Head of Software
Design
Thank you.
Your message has been sent successfully!
We'll get in touch with you within 24 hours, excepting requests received on Saturday, Sunday.