Let’s name this mobile app — SneakerHypo, an online store for authentic sneaker brands with a community photo-sharing platform.
I ideated the sneaker store concept from Goat.com. I incorporated some of its branding elements in this app: bold, high-end, black-and-white, and minimalist design. Next, I came up with a list of app features:
A mobile app generator with app-like features. I use Glide to build the functional features including sign-in via Google, sneakers listing, upload style images, customize shoe sizes, add to cart, and payment integration.
I use Google Sheets to create and store the mobile app database such as user data (i.e. email addresses, comment, photo upload) and app content (i.e. sneaker images, item listing, product price, product details). You can also edit the Glide app design and content via this spreadsheet:
The next step is to map out the user stories — how users will go through the steps in interacting with your app. This will help you visualize the app features, organize app screens, item listings, and category tags.
Check out the result of the mobile app: 👉 Preview the mobile app
(1) Showcase the best sneakers on the home screen
The home🏠 screen includes the new arrivals, trending sneaker brands, and special collection series. I’ve also included a promo video on the storefront to create emotional connections with target customers.
(2) Explore sneakers, filter and save to favorite list
The “Search” screen will show all sneaker items and price tags. Users can also search for sneakers by product category (i.e. Lifestyle, New Pick, Performance, Timeless, Trending) and then save to ❤️ list.
(3) Product details, shoe sizes, checkout with Stripe
I have included sneaker images, slideshow, price, brand name, description for each product listing. Users can customize shoe 👟 sizes (men & women) before they place orders at the checkout.
(4) Find sneaker inspiration from community posts
This “Instagram-ish” feature: Users can browse inspiration or upload a photo with caption to post their favorite sneaker outfits on the “Community” section.
(5) User comment and recommended products
Users can leave a comment on a specific product to create a sense of community interaction on the app. I have also built a “similar product” listing to display relevant products based on category type.
5. No-code app template 📥
Get this cloneable app template. Now available on Product2kit — a digital shop that I built for product makers who want to create customizable apps from no-code templates. Edit app design/content without coding required.