top of page
I'm a paragraph. Click here to add your own text and edit me. It’s easy. Just click “Edit Text” or double click me and you can start adding your own content and make changes to the font. Feel free to drag and drop me anywhere you like on your page. I’m a great place for you to tell a story and let your users know a little more about you.
Asics Redesign
Project: Responsive Web & Mobile Redesign
Role: UI Designer
Tools: Figma, Adobe Illustrator, Adobe Photoshop
Challenges: Navigation is mundane and cluttered along with a lifeless visual design system. Making the website look ordinary and devalues the actual product user is searching for.
Objectives: Creating a smoother design system that makes the user experience better. Along, with implementing creative design elements, to help elevate stature of their product.
Duration: 2 months in SP '21
Initial Design Direction
Here you can see first stages of design direction after analyzing Asics website and conducting competitor's analysis. All of these iterations were conceived on mobile screens leading me towards my intended design outlook, Also, on display is the grid system used for mobile.
Final Design Direction
After exploring multiple design ideations I present the redesigned landing and product detail pages for desktop. A minimalist, cleaner design aesthetic was achieved allowing product to stand alone in a elevated setting. Also, further below you'll see the grid and column system used for desktop design.
Desktop Landing Page
Desktop Product Detail Page
Mobile Landing Page
Mobile Menu Page
Mobile Product Search Page
Mobile Product Detail Page
bottom of page