UX Writing and UI Design portfolio

Page 1

Benedictus Bio Kristie

portfolio

Curriculum Vitae

UX WRITING & UI DESIGN


table of content : - curriculum vitae - take me out - visual concept - boba guys - visual concept - icourse - visual concept - empty page re-imagined - login and notification page - confirmation and cta button



take me out

Visual app concept and writing

Visual and writing concept for a new style dating app called Take Me Out. This concept give people a chance how excited their date idea could be.

This app will give users the idea of “your trusted wingman” with casual voice of brand that support and persuade you to go on a date with another users. Voice of brand : your trusted wingman | Supportive and casual.

I choose the simple visual with maps of pop-up idea nearby. This idea inspired by the designs of “Zenly” app because its easier for users to calculate the distance between them. It’s good for users who don’t like to travel far.


Flow of this app, starts with idea of users posted in the nearby exploration. If somebody exicted about the date idea, they can directly message them in the chat room. Users get to know each other until they’re sure about the idea or simply to know what kind of person their partners are. When everything’s settled, they can ask each other to mark the schedule of their date.

CTA BUTTON WITH A PERSUASIVE COPY, SO USERS CAN BE CONVINCE TO GO ON THE DATE OR FIND ANOTHER USER IF THEY’RE TOO LATE


boba guys

Visual app concept and writing

Don’t you hate it when you want to buy your fave viral boba but you have to wait in line for hours? We are here to simplify your life. Its just a simple app for users to order and customize their drink.

Voice of brand : That cute barista Cool personality with casual jokes.

ON BOARDING SCREEN AND COPY


add to cart customize your drinks - set the quantity payment success

Simple UI of menu list from boba guys. I made it with a simple section button on the homepage so users can easily find their favorite menu.


PURPOSE OF THE COPY : TO INFORM USERS THAT BOBA GUYS ALSO SERVE DESSERTS THAT THEY CAN PURCHASE WHILE WAITING FOR THEIR DRINKS


This is experimental what’s new message. It’s a new trend for E-commerce in Indonesia. Gojek and OVO got really popular for a moment because of their copy. I tried to make the copy based on american app, so i had to use english as the based on the copy. Inspired from youtube, i make the copy looks simple but with the right amount of FUN


i-course Visual app concept and writing This is an visual concept for online course app. The app connects students and course providers. It will help users to get a seperated class. Its start from the 2-4 basic free courses that users can get every month. There are premium courses that users can get with subscriptions.


Users can check their active courses. Course providers can collect and grade weekly assigments from the apps.


This is the pricing page. It helps users understand the benefits of subscription of this app. The CTA button is clear and concise for users to understand how to purchase the subscription.

pricing page


This copy help users to understand the situation that we are unable to find their keyword. It guides the users to try another keyword for us to find.


bukalapak empty cart re-imagined

In this copy for re-imagined bukalapak empty cart, i brand their product as “kebutuhanmu” or daily needs to influence users for believing that their purchase is not a part of unnecessary spending but more of a “needs” for them.

Empty page section


pegipegi empty cart re-imagined

My re-imagined copy for pegipegi empty cart starts with a major change from “pesanan” that sound so normal and weird because it doesn’t define specific stuff into “Trip” because it’s more spesific. I also added related promo section in the bottom so users can see promos they can purchase to facilitate their trip.

Empty page section


Login error page WRONG PASSWORD

For this copy, im heading for simple clear, concise and helpful because its simply inform users that they’re put a wrong password.

The purpose of this push notification copy is for influencing users to immediately process their items in the cart. I use the persuasive copy “agar bisa nunjukkin fashion terbaru” because its in human nature to show of their new stuff.


Purpose of this copy is to inform users that we care about everyone’s best experience from the cinema. This copy reminds the users to check their schedule so they won’t be late for the movie. I also added CTA button from a new reminder feature with a big button so users can understand what to do next.


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.