Imagine how easy it is to transact instantly and share with your fellas about the hottest product around you just from an app.
Role
Product Designer, UX Researcher
Industry
Finance, Shopping, Socials
Video
0.1 Intro Video
Brief
An app for instant transaction and sharing
Overview
Sellday App is a platform that makes it easy for people to make instant transactions and can share them instantly with people, besides this app has a community feature as a social media to share topics about the latest products around them. In this project, as a product designer and UX researcher, I am responsible for researching products from user side and business side, and designing products end-to-end with stakeholders.
Challenges
As a designer, this app has several challenges to solve, such as the combination of marketplace and social media features and finding the most efficient transaction flow that is suitable for their target users, on the other hand, this app will have a friendly and bright style in terms of visuals.
Image
1.1 Project Timeline
Goals
The goal of this project is to build an application with several main features to make transactions, share them and community features for users who want to share something with others, together with stakeholders we made an agreement to complete the project within 20 days with the process of research, design, and present.
Research
How do we achieve our goals?
User Analysis
The user analysis process is a data-driven approach that begins with tracking user interactions and behaviors to identify patterns and preferences. This data informs the creation of user personas and guides the development of tailored features is crucial for refining the app's design and functionality, ensuring a user-centric and intuitive experience.
Image
2.1 Age Distribution
Image
2.2 Define Problem
App Architecture
This is the beginning, before we start the design process, we need to create a map of the features that will be in this application, along with the details to ensure that the flow we create is the most efficient flow for users to use.
Image
2.3 App Architecture
Image
2.4 Wireframe
Design
Put our creativity into the app
Reusable Component
The design process begins with the creation of reusable components such as buttons, text input, and others to make it easier in the creation of hi-fi designs. in this phase we choose the color scheme according to sellday brand and make sure every element passes the accessibility test.
Image
3.1 Component Measurement
Image
3.2 Component Structure
Hi-Fi Design
Design the visual from the collected data, and make iterations for each page, because we believe the first design that come up is not the best design to use.
Image
3.3 App Icon
Image
3.4 Onboardings
Image
3.5 Home Page
Image
3.6 Buy Product
Image
3.7 Pre-Build Component
Video
3.8 Create Transaction Flow
Image
3.9 Community
Present
Hand-Off & Build
Documentation
In this package, you'll find a range of assets, including design files, wireframes, user interface elements, and detailed documentation. This collection serves as a valuable resource, helping you understand our design choices and providing stakeholders development team.
Image
4.1 Design System & Styleguideline
Explore
