Lifeplus - Medical Equipment
Summary
This project was one of the most exciting UI/UX challenges I've had! A client came to me needing a redesign of their medical equipment website. Their goal was a modern and user-friendly website. I started by developing a color scheme that evoked a professional medical feel. To get inspired, I also researched other medical websites.
Genre
Design
Type
Freelance Project
Role
UI/UX Designer
Colors
Typography
Primary
Inter
Secondary
Inter
Home Page
The client wanted all the information from their old website to be included in the new one. This meant creating a modern design that could handle all the existing content. Since the homepage is the first thing most users see, I focused on making it visually appealing to grab their attention. I achieved this by including a short welcome section that highlights the company's collaborations with leading brands. I also redesigned the footer section. The client had the option to choose between the new design and a refresh of the old one.
About Page
The old "About Us" page was pretty dull. It just had text without any pictures or videos to make it more interesting. To fix this, I used a tried-and-true method: breaking the information down into cards. Each card has an image to grab attention and a clear description of what the image represents.
Services Page
The service page was a breeze to redesign! The old version was already user-friendly, so I just needed to give it a modern and clean look. The existing "tabs" system for displaying information made everything easy to understand for visitors.
Products Page
Redesigning the product page was a tough challenge. The old layout was cluttered and confusing for users to navigate. It had about 10 sections, each with even more subsections! In the old design, everything was crammed into a navigation menu. I considered three options: keeping the old layout, adding a sidebar menu, or using a floating button. A sidebar didn't fit with the clean, modern design I was aiming for, and none of my sidebar designs matched the overall theme. Ultimately, the best solution for a better user experience was a floating button. This button would only appear on product pages, keeping the interface clutter-free and easy to use.
Product
Each product on the redesigned website boasts a user-friendly experience. A carousel lets you browse clear product images, while organized tabs display all the necessary details, from specifications to reviews. This combination ensures you can easily find everything you need about any product at a glance.
Find Us Page
I had a creative idea for the "Find Us" page. Since it's for contacting the company, I designed it with an office photo as the background. This gives the impression of talking directly to a receptionist. On top of the photo, I placed all the important contact details you might need. Additionally, the page includes a map showing the office location for easy access, along with various other ways to get in touch with the company.
Blog Page
Their old blog wasn't functioning properly. The layout of each blog post was inconsistent and looked messy. To fix this, I created a "hero section" at the beginning of the blog page that provides a quick overview. I also completely redesigned the blog layout to be clean, minimal, and easy to navigate. This ensures a smooth and enjoyable experience for visitors.
