Thankyou*
Banners
& Cards
The brand cards on Atsneak's homepage had a significant impact by visually showcasing different sneaker brands in an engaging and eye-catching manner.
The well-designed brand cards provided a glimpse of each brand's unique style and identity, enticing users to explore further.
The brand posters designed for the homepage added value by creating a visually appealing display of brand collaborations, limited editions, or special releases, capturing the attention of users and promoting brand exclusivity.
Social Media
Campaigns
The social media posts and stories featuring sneakers with unique designs on Atsneak made a significant impact by capturing the attention of users and creating an engaging experience.
The well-designed visuals showcased the distinct and creative designs of the sneakers, generating excitement and interest among the target audience.
The use of social media posts and stories allowed for interactive and shareable content, fostering user engagement and expanding the reach of the brand's unique sneaker designs.
Final
Designs
Home Screen
Product Screen
Designing the final pages after low-fidelity mockups involved creating high-fidelity designs that captured the desired look and feel. This included refining visual elements, such as icons and buttons, establishing consistent layouts and grid systems, selecting readable typography, adding interactive features and micro-interactions, ensuring responsiveness for different screen sizes, gathering user feedback through testing, iterating on the design based on feedback, and collaborating with developers for smooth implementation. This iterative process aimed to create visually appealing, user-friendly pages that met the project objectives.
The well-designed homepage of Atsneak made a significant impact by providing an engaging and intuitive user experience.
The inclusion of a prominent search bar, featured products, and clear navigation menus added value by enhancing convenience, promoting new releases, and facilitating easy access to desired information or products.
The product page on Atsneak made a significant impact by delivering a seamless and informative user experience.
The well-designed layout showcased key details of each product, including images, descriptions, sizes, and customer reviews, enabling users to make informed purchasing decisions.
The cart page on Atsneak had a significant impact by providing users with a clear and visually appealing price breakdown, reminiscent of a concert ticket design.
The well-designed layout presented a detailed summary of the items in the cart, including product names, images, quantities, and individual prices.
The concert ticket-inspired design of the price breakdown section added an element of uniqueness and enhanced the user experience, making it easy for users to understand the cost breakdown of their selected items.
The Click to Bid/ Purchase Instantly button connected to Razorpay Payment Gateway, enabling customers to effortlessly complete payments for their acquisitions.
The inclusion of a clear call-to-action button for adding items to the cart and prominent pricing information enhanced the usability and encouraged users to proceed with their purchase.
Cart Screen
Information Screens
Payment Portal Integration
Various Payment Options
Low Fidelity Sketches
To tackle this design challenge, I explored different ways of representing products with a few rapid, low-fidelity wireframes and inspiration from the websites we explored.
Homescreen
Browse Page
Product Page
Cart Page
Extra Pages
Elements like "Logo and Branding", "Search Bar", "Featured Sneakers", and "Browse by Category" can be seen in the low-fidelity wireframes below which aimed to help gain the user interest to explore the website.
Elements like "Filter Options", "Sort By", "Sneaker Cards", "Pagination", and "Sneaker Quick Details" can be seen in the wireframes which allowed users to browse sneakers with more efficiency and have multiple filters in one place data same time.
Elements like "Product Image", "Product Name and Brand", "Product Description", "Product Details", "Price and Purchase Options", "Size Selection" and "Related Products" can be seen in the wireframes for the product page which allowed users to see all the information related to their sneakers in a single page including an interactive component for the size chart and adding the product to the cart.
Elements like "Cart Summary", "Remove Item", "Update Quantity", "Subtotal", "Promo Code", "Size Selection" and "Proceed to Checkout" can be seen in the wireframes for the Cart Checkout page which allowed users smooth checkout for their cart.
These pages include information like Information about the company, Customer care details, etc.
Market Analysis
StockX
GOAT
FARFETCH
Key Takeaways
To kickstart the design process, we scoped out how other companies approached the authentication of sneakers and optimization across the platform.
StockX employs a team of experts to verify the authenticity of every item. provides a seller dashboard that allows sellers to manage their inventory, view sales history, and track shipping.
GOAT has a strong focus on curation and exclusivity and offers a comprehensive buyer protection program that covers items that are not as described, damaged, or lost in transit.
Farfetch provides a luxury experience to its customers, including premium packaging and personalized notes. Farfetch has a global network of sellers and customers, allowing it to reach customers all over the world.
The user journey for Atsneak can be divided into five stages: awareness, consideration, purchase, post-purchase, and loyalty. The user's needs and expectations should be met at each stage to ensure a positive experience.
The scope of Atsneak should include a focus on exclusive and hard-to-find sneakers, a personalized shopping experience, transparency in grading and authenticity, and a buyer protection program.
Atsneak can learn from StockX's approach to building trust and credibility with its customers, including the use of authentication and verification processes, a transparent grading system, and a focus on customer satisfaction.
Atsneak can learn from GOAT's approach to curation and exclusivity, sneaker grading system, augmented reality features, buyer protection, and collaborations with brands and influencers.
From Farfetch, Atsneak can learn from its personalized shopping experience, global reach, integration with physical stores, focus on sustainability, and luxury experience.
User Journey &
Scope
As a sneaker enthusiast, you are always on the lookout for the latest and greatest sneakers. You heard about Atsneak, an online platform that connects buyers and sellers of exclusive and hard-to-find sneakers. Intrigued, you decide to check it out.
Upon visiting the Atsneak website, you are immediately greeted with a clean and intuitive design. The menu is simple and easy to navigate, allowing you to quickly browse through the available sneakers. You find a pair that catches your eye and click on the product page.
The product page includes clear images of the sneaker, a detailed description, and customer reviews. You feel confident in your decision to purchase the sneaker and proceed to checkout. The checkout process is simple and streamlined, with a clear size chart and secure payment options. You enter your shipping and payment information and confirm your order.
A few days later, the sneakers arrive at your doorstep. You are thrilled with your purchase and feel satisfied with the overall experience on Atsneak. You leave a positive review and start browsing for your next purchase.
The scope of Atsneak is to provide a platform that connects sneaker enthusiasts with exclusive and hard-to-find sneakers. The platform will include the following features:
Product pages: Each sneaker will have its own product page, which will include clear images, a detailed description, customer reviews, and a size chart.
Checkout process: The checkout process will be streamlined and secure, with options for different payment methods and shipping.
User profiles: Users will have their own profiles, where they can view their purchase history, leave reviews, and connect with other sneaker enthusiasts.
Search and filtering: The platform will include search and filtering options, allowing users to easily find the sneakers they are looking for.
Trust and security: The platform will prioritize trust and security, with SSL certificates, secure payment options, and clear return policies.
Mobile optimization: The platform will be optimized for mobile devices, allowing users to access the website and make purchases on the go.
Overall, the scope of Atsneak is to provide a seamless and enjoyable experience for sneaker enthusiasts, with a focus on exclusive and hard-to-find sneakers, trust and security, and mobile optimization.
BACKGROUND
Atsneak was created to address the needs of sneaker enthusiasts who are passionate about exclusive and hard-to-find sneakers. The founders of Atsneak recognized that the existing marketplaces for sneakers were either too generic and lacked the specialized focus needed for sneaker enthusiasts, or they were too exclusive and difficult to access.
As a result, they decided to create a platform that would cater specifically to sneaker enthusiasts, providing them with access to rare and exclusive sneakers, as well as a community of like-minded individuals. The platform was designed to be easy to use, with a focus on providing a seamless and enjoyable experience for both buyers and sellers.
The founders of Atsneak saw an opportunity to create a platform that could meet the unique needs of sneaker enthusiasts while also offering a range of benefits, including:
Access to exclusive and hard-to-find sneakers
A community of like-minded individuals
A seamless and enjoyable buying and selling experience
Trust and security in the payment and shipping processes
Mobile optimization for on-the-go access
Overall, Atsneak was created to meet the needs of sneaker enthusiasts and provide them with a platform that could offer a range of benefits and a unique experience.
MY ROLE
Product Strategy
User Research
User Experience
Usability Testing
TEAM MEMBERS
Prateek Verma
Amit Parashar
TOOLS USED
Adobe Creative Suite
Figma
Jira
TIMELINE
3 Months