About this project
This is a mobile application for selling new shoes and trading old shoes to buyers. There is no payment method for trading shoes. The trader and interested person come to an agreement on price and payment for trade is restricted to their account. But for selling shoes there is a cart for items they want and they can pay when they are going through the checkout process. Users always have a full overview of their entire collection, searchable, sortable, and with real-time price information. The application is suited for collectors.
Userflow
For this project I needed to create a user flow to see how users will go through the app and what buttons are necessary at the bottom. With keeping this in mind, I needed to map accessibility and options users have while viewing each tab.
User Flow
Splash, Sign Up & sign in
On the splash screen you can see the logo, and then it will lead to the sign up screen. In the case that users already have an account, they can use the button to be redirected to the sign in page.
Splash Screen
Sign Up Page
Sign In Page
buy Home page
In the home page you can see offers and advertisements as sliders. Below that there is a collection of the shoes, with images and prices. With selecting each product they can see more images of that item and read the reviews on that item as well. There is also a Call To Action Button (CTA) for adding to cart and buying the item.
Buy Home Screen
Buy Detail Screen
Search & filter
In case users want to search for a specific item they can use the input area in the home page and search, or they can go even further and filter their results with the options provided. These filters include size, color, category or price range.
Search and Filter Screen
Cart
By clicking on the cart icon on the top right corner users can check the items they already added to their cart and edit them. CTA to proceed to checkout will redirect to the page where they can see their order history. Users will get the chance to complete their profile, address and select a checkbox for saving the information for next time.
After that there is a CTA for continued shipping, where the order will be placed. They can also use the hyperlink at the end to continue shopping. They will be redirected to the home page.
Buy Cart Page
Order Summary
Order Summary Cont.
Trade Home page
Just like the buy home page, firstly you can see an advertisement, search and filter input area and then the shoes that are offered for trade.
With selecting each item you can see more details and the description and trader added there. There are also reviews for the shoe and the trader. The stars represent the trader's reputation based on how many trades they had.
At the bottom of reviews there is CTA for writing a review for the product which is restricted to users who have an account, so, I needed another button in case they want to create an account.
Trade Home Screen
Trade Detail Screen
Trade Review Screen
Trade Review Screen Cont.
Chat
On the trade option I decided not to show price on each product and they are open to negotiation with the trader. In this situation we needed something to connect trader and customer together. Here is the chat section. Users who are already signed up for the app can chat with traders and know more about the item for trade.
Chat Screen
Chat Lists Screen
Blog
The final feature is a blog section, where users can find numerous blogs about shoes and what is the latest trends, and even write their own blog. Only registered users will have access to this section. If they don't have an account they will be directed to create an account to access all features of the app.
Start Blog Screen
Starting Blog
Blog Screen
