top of page

Make your phone more aesthetic
​just one tap

UX/UI DESIGN . 4 WEEK DESIGN SPRINT

Prettywidget

pretty.png
pretty.png
TIMELINE
PLATFORM
MY ROLE
TOOLS

Jan 2023

Responsive IOS app

Product Design

Figma - Photoshop - Ilustrator

Introduction

Prettywidget is a mobile app that enables iPhone users to customize and beautify their screens in order to make them seem and feel more appealing. We can make our phones more lively and personable with many themes and topics. The user can simply edit their screen on their own with just one press to apply the template. So beautiful, so quickly. IOS 16 in particular offers many advantages for iPhone users.

Role

Method

Approach

I was in charge of overseeing the full end-to-end design process for this one-off idea project.

Competitive analysis, comparative analysis, user flow, wireframing, prototyping, usability testing

By engaging in a brainstorming session based on the current issues with developers and iphone users, I came up with features for the Prettywidget app. After then, usability testing and iterations were carried out.

pretty mockup2.png

Complicated steps, take time

Need to change every single widget

UI looks boring

Shorten the appling steps

Providing template option

Update visual trends

Understanding the problem...

Digital nomad-pana_edited.png
Digital nomad (1).gif

There are numerous widget apps for iPhones, but they are unable to provide a complete template, forcing users to alter each and every widget from small to huge, which takes a lot of time. Additionally, as it is new, not many apps can support widgets that work with iOS 16. Furthermore, when a user uses the app to create a widget, the user flow is complicated because there are more than 3 phases.

Ideation

Users can enhance the aesthetics and appeal of their iPhone screens using the most basic approaches. Encourage users to use the app when they first see it by making them feel cool, so they may recognize and learn their own personal style. They have a variety of simple alternatives to pick from when creating their widget, including the ability to edit each widget individually, just the tools they like, or just the icons they wish to include in their design. The nicest advantage is that they can customize every widget with a template that matches their aesthetic.

New entries-cuate.png

Goal

Help users to have a usability journey on the app

.
.
.

 

​Quickly apply beautiful widgets with one tap

Users can find a diversity of themes and icon

for their widget

1high mock.png
IMG_7092.jpg
IMG_7100.jpg
IMG_7097.jpg
IMG_7101.jpg

Starting the design...

IMG_7094.jpg
IMG_7098.jpg
WIREFRAME
Main.png
Main-1.png
Main-2.png
Main-3.png
Main.png
Main.png
Main-5.png
Main-6.png
Main-7.png
mockup dt phantich.png

Moodboard

With begie color it shows more aesthetic and clean, people can easily use and find features that they want.

​

​Green represent to dynamic and matured. 

Font

​SF Pro Text

Regular

The purpose of this is to provide a singular set of type sizes for SF Pro Text that matches the font sizes used in an iOS app.

​SF Pro Text

Regular

​SF Pro Text

Medium

​SF Pro Text

Semibold

ABCDEFGHIKLMNOPKRSTUVWXYZ

​abcdefjhiklmnopqrstuvwxyz

Aa

UI Design

prettymockline.png

Log in 

00.png
22.png

Apply widget

11.png
33.png
11.png
33.png
44.png
2 prettty_.png

More Products

Come

back

​home

bottom of page