FOTILE Redesign
#UI/UX Redesign • Aug 2020
FOTILE- "Home" Redesign
I redesigned the menu bar to solve the problems mentioned above. I kept the product category options in the menu bar and hid the additional in the hamburger menu in the upper right corner, which makes space above to be used more rationally. It also can maximize the user's attention to the product category at first glance without being disturbed by additional info. In addition, it spatially differentiates different option types. Lastly, I added some familiar icons to craft a strong visual hierarchy to the menu bar.
FOTILE- "Home" Redesign
======================================================================================================
FOTILE- "Where to Buy" Redesign
FOTILE- "Home" Redesign
Furthermore:
Product preview that can scroll horizontally enhances the sense of dynamics and "human touch" to the UX.
Creative "product card" increases interaction with the users.
More visual supports and animation effects are added to the redesign to give a more vivid feel and professionalism to overall UX.
===============================
FOTILE- "Where to Buy" Redesign
The menu bar redesign solves the inconsistent problem of the menu bar on different pages.
In order to make it easier for users to operate, I merged the three pages of "Where to buy" into three option pages of one interface.
The design styles of "Find a dealer" and "Online Retailer" remain unified so that users can quickly understand the current state when switching interfaces.
And of course, more images and animation make the whole look lively and interesting. Images and animation effect are strong attention grabbers. Making users engage with the website and the products can be effective to tell stories about the brand.