Created mobile application design for a new service “live commerce” for a company which is one of the most popular messaging apps and internet services in Asia.
- Unfortunately, I can only show a partial section of the work I completed on this project due to privacy reasons.
SKILLS
- Mobile Application Design
- Photo Retouching
- Design Systems
- Agile Methodology
TOOLS
- Figma
- Photoshop
TIMELINE
3 months
TEAM MEMBERS
GOALS
- Ensure the new shopping experience is easy to use.
- Seamless communication between the customers and live-commerce hosts.
- Ensured its consistency and user-friendly as the platform's other services known for their ease of use.
UI/UX DESIGN Research
- Explore the company, platforms, and design principles: Share the research with your team to facilitate the understanding of ideas and empathy.
- Research live-commerce-related applications worldwide, with a specific focus on China where there is significant growth in the live-commerce industry.
Design Decision-Making Sprint with 30-Minute meeting
In this project, our approach to decision-making with in-house designers was optimized for limited communication time and the involvement of numerous stakeholders. Here's a breakdown of the process:
1. Prepare Design Patterns
- Develop design patterns, exceeding 20+ per section, focusing on critical areas like CTAs.
- Emphasizing preferred patterns.
2. Presentations to Designers and Engineers
- Showcase the design patterns, prioritizing the most recommended one with clear reasons.
- Conduct a concise 30-minute meeting daily to gather feedback.
3. Refinement and Documentation
- Iterate designs based on received feedback.
- Create simple documentation to streamline presentations and decision-making within the 30-minute meeting.
- Tailor documentation for easy understanding, allowing anyone in the project to present in my absence.
4. Presentations to Product Owners and Managers🎉
- Present the final designs, highlighting key decisions made during the sprint.
Design System and Figma file Organization
- Orchestrated and organized a Figma file, emphasizing flexibility and transparency within a designer-friendly design system.
- Adjusted auto layout and constraints to enhance flexibility, accommodating changes in width and other parameters for designers.
- Fostered cohesive collaboration among designers, ensuring a unified design approach and continuous improvement.
- Enforced meticulous naming conventions for layers, frames, and pages, facilitating smooth navigation through effective communication with the engineering team.
SOLUTION
