Project Overview.
Evolution is a company that manufacture mobility aid products. The site is not an online website for shopping and just help the users to learn more about the company and know more about their products. I have redesigned Evolution site for UI and UX study case.
Problem Statement.
The entire website is not eye catching for poor design and layout. The users are mostly in a range of 70+ and being careful of using colours and the font face is very critical. Current site is too much wordy and the use of the primary colour is excessive and that made the site look crowded.
The Process.
I have came up with two type faces that they are pretty simple and easy to read. I also shortened the words by using buttons and icons. Plus used the primary colour as an accent colour and used lot more of white spaces that makes the site looks more simple and modern.
Type Faces.
Primary Colour.
Coco Gothic, Sentinel Pro
#68BD47
Site Map.
Low-fi Wireframe.
Solution #1.
This is the landing page. I thought having new products or any new events or news could be announced here.
Solution #2.
In product page, I made the images bigger and use of white space to make it less crowded and simpler.
Solution #3.
Products page - This is how it looks like when a user hovers on an image.
Solution #4.
By having an expandable plus icon, I made the page much simpler and cleaner. So if any user wants to know more about the product they simply click on the icon to access what they need to know about the product in details.
Solution #5.
Accessories page - By X-raying the entire product and have the accessories stay in 100% resolution, helps the users to know what that particular item looks like how it suppose to be assembled on. I think most of the times, people are willing to see things visually instead of reading. Specially with elder people who are the major target audience of Evolution.
Solution #6.
I kept the less secondary information at the bottom of the page, for make the pages look more clear, use more of white space, and prevent repetitive info (such as product manual, warranty, and sheet) under each product.
Also as you see the navigation bar sticks to the scroll when it goes up and down. So the user would access quickly to any other pages back and forth.
