Page 1

PERSONAL PORTFOLIO

Sylvie Stephanie UX Engineer


X

20

UX ENGINEER

WELCOME

Sylvie Stephanie UX Engineer

Hi! I’m Sylvie, a designer-developer hybrid who enjoy building things that live on the internet. I’m passionate about building thoughtful and impactful experiences. My mission is to help bring more beauty, creativity and good ideas into the world through web and mobile design that connects to millions of users and leave a positive impact to the society. I’m still learning every single day to ensure I can deliver the most effective solutions to the ever-changing user preferences and expectations. During my professional career, I have learned the importance of empathizing with the end users and placing myself in their shoes in order to understand their behavior and cultivate their trust. I personally enjoy working on projects that require both strategy as well as visual design. I’m always hungry, ambitious and love to provide the best experience for the users.

+628979405116 | sylviestephanies@gmail.com

2

19


with Bachelor’s degree in Computer Science from Universitas Multimedia Nusantara. Shortly after

EXPERIENCE Feb 2019 -

Senior UX Engineer at Tokopedia

Present

• • •

BASIC & CONTACT INFO

graduating, I joined the Product Design team at Tokopedia where I get to work on a variety of

Work closely with UI/UX & provide technical perspective throughout product design process Collaborate with Engineers & ensure clean, optimal, scalable front-end code Together with FinTech UX Engineers team, we build & maintain component-based UI documentation (storybook) for FinTech products

interesting projects on a daily basis. I enjoy crafting user-centric, delightful and engaging experiences.

Oct 2017 -

Front-end Designer at Tokopedia

Birth date

30/09/1995

Feb 2019

Joined Financial Technology (FinTech) tribe on October 30th, 2017. Together we build & manage

Phone

+628979405116

E-mail

sylviestephanies@gmail.com

LinkedIn

linkedin.com/in/sylviestephanie

Github

github.com/sylviestephanies

Tokopedia financial products. As a Front-end Designer, my primary role is to build web products with pixel-perfect user interface design & seamless user experience. Collaborate together with the Product Design team (UI/UX) & Tech team (Engineers), we transform well-researched product & high fidelity mockups into a beautiful & enjoyable web experience that integrates well with our backend APIs & also works con-

LANGUAGES

sistently across a wide range of browsers and platforms.

Indonesia | English

On a daily basis throughout 2018, I generate pixel-perfect interface code for:

• • • •

EXTRA

SKILLS

• • • • •

Web Development (HTML, CSS & JavaScript) Web Framework (React.js, Laravel & Codeigniter)

Tokopedia ReksaDana Tokopedia Emas Tokopedia Saldo Prioritas Tokopedia Gift Card

Wireframing & Layouting (Sketch & Balsamiq) Prototyping (InVision & Marvelapp) Multimedia (Adobe Photoshop, Adobe InDesign & Adobe Premiere Pro)

• •

SYLVIE STEPHANIE | PORTFOLIO

9

Being attracted to technology, I equipped myself

Resume

X

EDUCATION 2013 - 2017

UNIVERSITAS MULTIMEDIA NUSANTARA

Database (MySQL & Oracle)

Bachelor of Computer Science (Sarjana Komputer)

Version Control (Git)

CGPA: 3.84 out of 4.00

3


X

HARD WORK + INSPIRATION

•

UX ENGINEER

00

4

With your vision, my and

design

tech savvy, plus a hefty

amount of coffee, we can create a digital experience that is creative,

beautiful and memorable.


X

00

Portfolio Content UI / UX DESIGN

06

Tokopedia ReksaDana

14

08

Tokopedia Emas

10

Tokopedia Saldo Prioritas

12

Tokopedia Gift Card

Page 09

SYLVIE STEPHANIE | PORTFOLIO

WEB DEVELOPMENT (React.js)

Celengan (Jenius Hackathon 2019)

Page 10

Page 07

Page 14

5


X

WEB DEVELOPMENT (React.js)

UX ENGINEER

01

Tokopedia ReksaDana www.tokopedia.com/reksa-dana

Tokopedia ReksaDana was my first project at Tokopedia and also Tokopedia’s first investment product. It brings digital convenience to manage mutual fund investments. The minimum purchase of a mutual fund unit starts at a very low nominal, which is IDR 10.000. Users can do trading activities and monitor their investment online from dashboard at any time. Funds from sales are received directly into the user’s account and can be easily transferred to the user’s bank account. The main purpose of Tokopedia ReksaDana is to provide intuitive product for beginner investor as well as informative product to experienced investor. Dashboard - Desktop

6


X

CHALLENGES

First time hands-on React.js First time creating responsive web design Graph feature to track Net Asset Value (NAV) Digital Signature feature on the registration form

KEY FEATURE

• Subscription Subscription feature help users to reach their investment target by setting a nominal and schedule as needed. Funds will be routinely channeled to mutual fund balances. Users can also change settings and stop their subscription at any time.

SYLVIE STEPHANIE | PORTFOLIO

• • • •

• Referral Referral program allows users who already have a Tokopedia ReksaDana account to get a bonus by recommending Tokopedia ReksaDana to their closest people.

Landing Page & Dashboard - Mobile (from left to right)

7


X

02

UX ENGINEER

Tokopedia Emas www.tokopedia.com/emas

Tokopedia Emas is the second investment product from Tokopedia, partnering with Pegadaian. It is a new way of investing gold that is easy and affordable. Unlike conventional gold investment system, users can buy, save and sell gold at any time when the market price is profitable. For now, the gold invested is still digital. Tokopedia is in the process of trying to get the gold investment to change into physical gold. The advantage of Tokopedia Emas is that users can buy and sell even the lowest amount of gold, a minimum of IDR 500. Dashboard - Desktop

8


X

CHALLENGES

Send Gold interaction feature

KEY FEATURE

• Send Gold Send Gold feature was one of the biggest challenges in Tokopedia that I’ve ever encountered. Users can send gold to other Tokopedia users by entering the desired amount, choosing the preferred design and writing a personal message. The recipient will be able to read the message with engaging interactions and receive the amount to their savings balance. •

SYLVIE STEPHANIE | PORTFOLIO

• Subscription Similar to Subscription feature on Tokopedia ReksaDana, users can buy gold automatically with specified time through various of payment methods.

Membership

There are 3 levels of membership available in Tokopedia Emas. The higher the level users have, the more benefits users get. Users can upgrade membership level by filling out online KYC form or searching for the nearest Pegadaian office to do offline KYC.

Dashboard, Membership Page, Send Gold Page - Mobile (from top to bottom) 9


X

03

Tokopedia Saldo Prioritas

UX ENGINEER

www.tokopedia.com/saldo-prioritas/dashboard/about

Tokopedia Saldo Prioritas is a whitelisted product targeted to loyal Tokopedia merchants. Saldo Prioritas allows Tokopedia merchants to withdraw part of the funds from their sales transactions before the buyer confirms receipt of the item. After merchants enter delivery receipt, they can immediately withdraw a certain amount of money according to the predetermined percentage of their sales, so that it can facilitate merchants cash flow. When the buyer confirms receipt, merchants will receive the remainder of their sales that has not been withdrawn at the beginning.

Dashboard - Mobile

10


X

Dashboard - Desktop

Many corner cases; have to be extra detail to check all the cases from disbursement to recovery.

KEY FEATURE

• Withdrawal Percentage Users can set withdrawal percentage in advanced with

SYLVIE STEPHANIE | PORTFOLIO

CHALLENGES

maximum withdrawal 80% from total sales.

11


X

04 UX ENGINEER

Tokopedia Gift Card

12

www.tokopedia.com/gift-card

Tokopedia Gift Card is a digital product

Users can choose the design options

in the form of OVO Points. It can be

provided or upload their own designs

easily redeemed into OVO Points

(1 OVO

and edit it as desired (cut or rotate). They

Points equals to 1 Rupiah). Recipients

can enter the desired amount and write

can use it to buy various products from

a personal message. The recepient will

Tokopedia Marketplace or OVO merchant.

receive the gift card via e-mail or SMS.


X

Landing Page - Desktop

CHALLENGES

• •

Upload and Edit feature Less than two weeks development for first phase, worked in parallel with Engineers SYLVIE STEPHANIE | PORTFOLIO

Send Gift Card - Desktop

KEY FEATURE

• Digital Gift Card Sent directly to the recipient’s email or phone number.

• Physical Gift Card Print the gift card (PDF version) & give it directly to the recipient.

• Upload and Edit Users can upload their photos and edit it with crop and rotate feature to get the best card design.

13


X

UI / UX Design

UX ENGINEER

Celengan (Jenius Hackathon 2019) Celengan is a submission idea for Jenius Hackathon 2019. Based on 2017 GoBankingRates survey found that most “young millennials” (18-24 years old) only have less than $1000 in their savings accounts. Thus the aim of Celengan is to educate the importance of saving to children (age less than 17). Celengan’s main idea is to cooperate with schools canteen because we believe that’s where children make their first payments. Instead poking the fintech giants, the payment is integrated with existing e-wallet payment services such as OVO, GoPay and Dana.

14

05


X

SYLVIE STEPHANIE | PORTFOLIO

Celengan has two types of accounts:

• Parent Account

• Child Account

Parent can open child accounts, allocate pocket money,

Children can learn simple investments and save their money

create and manage task to children, set investment plans for

on investment plans made by their parents. They will receive

their children as well as review their task and give rewards.

pocket money directly from their parents balance every specified time/period. They can also get tasks and get rewards from completed tasks. 15


tel. +628979405116 sylviestephanies@gmail.com

THANK YOU

let’s work together.

Profile for Sylvie Stephanie

Sylvie Stephanie - UX Engineer Portfolio (2019)  

Hi! I’m Sylvie, a designer-developer hybrid who enjoy building things that live on the internet. I’m passionate about building thoughtful an...

Sylvie Stephanie - UX Engineer Portfolio (2019)  

Hi! I’m Sylvie, a designer-developer hybrid who enjoy building things that live on the internet. I’m passionate about building thoughtful an...

Advertisement