Dibimbing.

id

Presentation 2023

UI/UX DESIGN
PORTFOLIO
By Clarina Monica Destin
Hello...
you can call me Clarina.
In this portfolio is my representation of all that I've learned and
accomplished as a bootcamp student.

I also have experience building applications using Android Studio

that involve complex UI/UX.
I really want to take advantage of every opportunity and gain
experience from anyone, anywhere, and anytime in developing my
skills in the field of UI/UX Design
 Introduction
Bootcamp Design
UI/ UX Design
Dibimbing.id
November 2023

Learn the basics of UI UX starting from understanding design

thinking to creating prototypes in Figma and redesigning to
perfect the UI/UX of the Mizanstore application, which is one
of the e-commerce bookstores in Indonesia

SKILLS

communication Problem Solving Research

Copywriting Design Thinking prototyping

Time management User Testing


What is
Mizanstore
Mizanstore is one of the e-
commerce bookstores in
Indonesia, selling various types
of books ranging from novels,
comics, lessons, to self-
development.
Overview
Problems Goals
found more customers Improve user-centric user
accessing via mobile phone experiences through better
So an unattractive appearance appearance and functionality to
and color selection can reduce prioritize target audience needs,
the user experience goals, and preferences
Problem
Solving
01 03
Replacing the use of a white background
Fixed the use of different letters or
which looks monotonous or not
mismatched font combinations. Because
describes or shows the identity of a
this makes the web page look messy
Mizanstore application. This of course
and confusing. makes users feel bored or not interested in
The visual clutter caused by using this staying longer in the application. So
font can distract the user's focus. This improvements will be made by adding
has a close relationship with the user's background images that can influence user
level of interest and stimulation towards stimulation by providing an interesting
the user experience. visual experience and increasing the
effectiveness of the website.
02
The layout of the buttons is
inappropriate and not neat and the size 04
of the buttons is small. This reduces the Improved color selection, as in the
existing effectiveness of the features current Mizanstore application. It was
created. So this will be improved by found that the use of contrasting colors
choosing a button size that is large makes it look less interesting and messy
enough to be easily clicked by the user
and adjusting the position or layout of
the button for user comfort. This can
increase the accuracy of feature use in
supporting the user experience
Prototype
PROTOTYPE

Wireframes Design System Mockup Prototype

Wireframes
Typography Color Iconography

Color Roles
Mocup
Prototype
LEARNING GAINED
The main focus of UI Design is on the visual appearance and
interaction of the user interface. This involves selecting design
elements such as colors, typography, icons, layouts, and
interactive elements such as buttons and menus.

The main focus of UX design is the overall user experience. This

involves developing a deep understanding of your users, mapping
user journeys, organizing information, and creating intuitive and
effective interaction flows.
contact
clarinamonicadestin3@gmail.com

082220943865

www.linkedin.com/in/clarina-md