Project Overview

My Role

UXUI

Platform

Mobile

Duration

8 Weeks

Screens

80+

Tool

Figma

Project Overview

My Role

UXUI

Platform

Mobile

My Role

8 Weeks

Screens

80+

Tool

Figma

Project Overview

My Role

UXUI

Platform

Mobile

My Role

8 Weeks

Screens

80+

Tool

Figma

Goals Project

The purpose of the project is to design
an application to look more beautiful
and modern. Reduce the complexity of
use and improve application errors

Goals Project

The purpose of the project is to design an application to look more beautiful and modern. Reduce the complexity of use and improve application errors

Problem

The design is not modern, the mood
tone gardient and contrast is not beautiful,
the function is complicated.

Problem

The design is not modern, the mood
tone gardient and contrast is not beautiful, the function is complicated.

Problem

The design is not modern, the mood
tone gardient and contrast is not beautiful,
the function is complicated.

My Process

Wireframe

Design sketch of the application in order to see the overall picture of how the website will look It will
focus on the structure, elements, details such as text, images, buttons, where each component
should be placed. But it’s not designed to be beautiful. It shows clear ideas before designing
a beautiful application. It also helps to visualize the pages or pages of the web to spot
potential problems. And fix that problem before making a beautiful design.

Design sketch of the application By starting to place icons, buttons,
images or others, arrange a beautiful spacing. Increase the color ofthe buttons to be realistic.

Wireframe

Design sketch of the application in order to see the overall picture of how the website will look It will focus on the structure, elements, details such as text, images, buttons, where each component should be placed. But it’s not designed to be beautiful. It shows clear ideas before designing a beautiful application.

It also helps to visualize the pages or pages of the web to spot potential problems. And fix that problem before making a beautiful design.

Design sketch of the application By starting to place icons, buttons, images or others, arrange a beautiful spacing. Increase the color ofthe buttons to be realistic.

Wireframe

Design sketch of the application in order to see the overall picture of how the website will look It will focus on the structure, elements, details such as text, images, buttons, where each component should be placed. But it’s not designed to be beautiful. It shows clear ideas before designing a beautiful application. It also helps to visualize the pages or pages of the web to spot potential problems. And fix that problem before making a beautiful design.

Design sketch of the application By starting to place icons, buttons, images or others, arrange a beautiful spacing. Increase the color ofthe buttons to be realistic.

Style Guide

Final Screen