IOS Mobile APP - SEP
Concept • Branding • Mobile UX/UI Design • Interaction Design • Animation Design • Prototype design
Project Vision
An IOS shopping application that mainly focused on user interface design and user experience. Design revolved around balancing the aesthetics with maximizing the ease of use for the end client.
Human cognition of icons and the comfort of the user's eyes when using them are the basic requirements for a qualified design.
Design Process
Brainstorm & Ideation
User Research
Wireframe
User Interface Design
Animation Design
Prototype Design (Figma)
Interaction User Testing
Wireframe
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Final Design
-
![]()
(1) Log in & Sign up.
It is a very basic sign up and login interface, including an alert box for incorrect password and a way to register and log in through other social media.
-
![]()
(2) Discover.
Including the display of slide effects, horizontal and vertical scrolling animation design. The layout of the page is arranged base on the theme and category of goods.
-
![]()
(3) Brand List.
A list of product brands in alphabetical order. It can scroll vertically for browsing. The uniformity of the arrangement gives the user a comfortable experience.
-
![]()
(4) Calendar.
The slide uses smart animation for switching, and users also can click the trigger button to switch and browse. The page adds a footer for subscribe.
-
![]()
(5) Order.
Browsing the details of all order, purchased and sold products, to display products in different states on different pages. And track the location of their goods delivered.
-
![]()
(6) Favorite.
Adding your favorite items to the Favorite page by bookmarking them in the Discover page. Users can filter by their liking of the product on this page.
-
![]()
(7) Wallet.
On this page, users can find the records and details of the items purchased and sold by the user, as well as the amount of money saved in the application.
-
![]()
(8) Service.
In this page, users can provide feedback and contact to the technical team based on their problems with the application and solve the problems.
