Sneakers Store | eCommerce Design Development 🛒
Taras Oliinyk
Graphic Designer
Web Designer
UI Designer
Adobe Photoshop
Figma
Sketch
Kick Potion e-commerce store
Intro
KicksPotion - a unique eCommerce brand that delivers the best sneakers from the best brands worldwide. In this showcase, I wanna represent the whole process from scratch, how we built impressive and selling eCommerce designs.
Moodboards for the project
Process
The process starts with detailed UX Research, Flow Creation, and of course, after that, UX Design Development. After some tests and adjustments, we moved into UI Part and eCommerce Design Solution Delivery.
Project plan
Research
Everything starts with Research, We made detailed target audience research, and competitors and based on this data built the UX Flow and page structure of each part of the website.
Informational architecture of Kick Potion project
UX Design
Collected data we turned into detailed UX Wireframes, which we successfully tested on some users and after adjustments transformed into amazing UI.
UX Wireframes
UI Design
After UX testing, we started working on the design, and now I am able to show a combination of selling structure, joy, minimalistic, and motion approaches in one UI Idea.
UI Design
Pages
Based on Research, we decided that we should use these pages to create the best eCommerce Experience:
Main Page
Louder
Catalog
Product Page
Search
Wishlist
Cart
Checkout Flow
Payment Page
Success Page
404
Contact Page
Account Authorization
Order Page
Dashboard
Text Pages
Of course, it is impossible to show all the pages here, so check more here, but the most interesting part is below 😄
Kick Potion Landing page design
UI design
Catalog Page
On this page, we show all products, filters, and important info about the catalog.
Catalog page design
Product Page
Product Details, Price, Sizes, Bio, Gallery, and all required info in Sneakers eCommerce!
In addition, the section has other suggestions for other products to keep users inside the store and not allow to quit.
Сart
Common Cart Experience with detailed information about potential orders!
Shopping cart design for e-commerce website
Search
Powerful Search to find everything inside the store. Based on the Search user can find:
Pair of Shoes
Brands
Categories
Search list design
Wishlist
Great Feature for Users and Upsale tool for us! No cart - Yes Wishlist, we are not allowing people to leave the website, and based on the wishlist we will share letters with suggestions to buy content from this list.
Wishlist design
Personal Account
Users can track orders from the main list or the order page. In addition, we are able to share discounts and other marketing tools for users from this part of the website.
Checkout
Classic Checkout process inspired by the best eCommerce product on the market.
Shipping and Personal Info - Payment info - Success!🌟
Checkout page design
Louder!
The website is huge, so louder is super important, we made this louder really WOW!
DIscount banner design
UIKit
Of course, developers were happy because I made a detailed UIKit of the website with whole and clear information about all design and design elements.
UIkit design
Mobile Version
Sure thing! Design has been created for Mobile and Tablets for whole pages and sections because 65% of our users visit the website from mobile!
Responsive mobile screens dedsign
As a Result
We made a significant and precise website design for eCommerce Product Kickspotion; we counted all things and made all pages and flow, which helped us to reach our goals and help our clients quickly get the best sneakers in the world. We made new business through the design and have been connected to sneaker distribution and happy clients!
🪩 Some useful links 🪩
Let's create a new Unicorn! Let's create such a WOW Design 🎆
