MOROKOD

UI & UX Designer

Morokod is an app offering various features to help users care for their skin. It includes a marketplace, skincare routine, and a skin test for those unsure of the best collection for their skin. I developed both the website and mobile app for this projec

Tool: Figma

Duration: 10 weeks

Role: Designer (school project)

Project Goal:

An application where users can discover and acquire products seamlessly within the platform.

Design Process

1. Project Definition and Planning:

Decide on the type of products want to sell.
Match between system and the real world.
Visibility of system status.
Recognition rather than recall.

2. Research

Target Audience:
Understand the demographics, preferences, and behaviors of the target audience.

3. Information Architecture:

User Flow:
Define the pathways users will take to navigate through the website.

4. Design Wireframe:

UI Design:

Color schemes, typography, and other visual elements to enhance the user interface.

Low-Fidelity Wireframes:
Develop basic wireframes to represent the layout and structure of each page without focusing on visual details.

Users can click either one of these features to find the product the are looking for

Promotions show curated content for the current viewer

Overlay screens

Search bar allows users to find what they are looking for quickly

CAll ACTION BUTTON

Popular products will show the items that many people are currently viewing or have purchased recently

users can click on "remove" without going back to previous page

This big banner will tell user the order is confirmed

Take a picture to scan skin concern

This section will explain users skin concern, type of skin

4. Prototype

Interactive Prototypes:
Build interactive prototypes to simulate user interactions and demonstrate the flow of the website.

Prototype

Interactive Prototypes:

Web Site

Catergories Page

Concern Page

Collection Pages

Lay Over Pages

Landing Page

Check Out Page

Product Detail Page

Prototype

I received positive feedback from my classmates, with a consensus that the application boasts seamless navigation from the initial interaction to the completion of an order. Going beyond mere aesthetics, I've recognized the importance of designing an application that not only looks appealing but also prioritizes user convenience and enjoyment.