Page 1

SUPITCHA TREEPONGKARUNA

USER INTERFACE DESIGN PORTFOLIO


APPLICATIONS & PLATFORMS EVENT COMET

3

MINT CROWD

9

HACKATHON: TOPS APPLICATION

13

WEBSITES ADSOUP WEBSITE

17

PREDICTOLOGY WEBSITE

19

EVENT COMET WEBSITE

23

DIVERTISE ASIA WEBSITE

27

OTHER PROJECTS CU CROSSING TUNNEL REDESIGN & RENOVATION

31


EDUCATION 2011 - 2016

Department of Interior Architecture, Faculty of Architecture, Chulalongkorn University, Bangkok Thailand

1998 - 2010

Mater Dei School, Bangkok Thailand

WORKING 2017 - Present UX/UI Designer Divertise Asia Co. Ltd EXPERIENCES 2016 - 2017 Architect & Coordinator Shma Company Limited 2015

Architect Intern Arsom Silp Art Institute

2015

Interior Architect Intern Design Identity Unit

2014

Interior Architect Intern Keep It Simple Studio

OTHER ACTIVITIES 2018

First Place Winner Startup Thailand Hackathon

SUPITCHA TREEPONGKARUNA UX/UI/Website Designer supitcha.tree@hotmail.com +66 89 6963232 Interested in all kinds of designs. Openminded with a learning mindset, and eager to learn new skills.

2016

Exhibition Organizer FINALE IA CU Thesis Exhibition

2014

Head of Special Effects Team Faculty Play: Sherlock Holmes

2014

Volunteer Student Volunteer Camp

TECHNICAL SKILLS Adobe XD Adobe Indesign User Flow

LANGUAGE Thai

Native

English

Advance

Japanese

Conversational

Adobe Illustrator

Adobe Photoshop

Figma

HTML & CSS


APPLICATIONS & PLATFORMS


EVENT COMET

2018 Designer & Project Coordinator

VISIT WEBSITE

Event Comet is an out-of-the-box all-in-one applica-

components to make to coding process as fast and

tion for events. The initial aim of it is to be everything

smooth as possible.

a paper brochure is to an event and more. The main features include showing the user the The design is made so that it can be easily integrated

overall time table of the events, letting users add

with all kinds of themes each particular event has, but sub-events to their personal schedule, send notificastill simple enough to be built with a lot of reusable

3

tions, and let users send feedbacks about the event.


4


5

Applications & Platforms - Event Comet


Applications & Platforms - Event Comet

6


7

Applications & Platforms - Event Comet


Applications & Platforms - Event Comet

8


MINT CROWD

2018 - ongoing UI Design & HTML & CSS

VISIT WEBSITE

Mint Crowd is a crowdfunding property investment

The client asked for the design to look professional

platform. Its aim is to make investing in Asian proper-

and simple. The design is minimal. It plays with Mint

ty more accessible to more people.

Crowd’s brand identity colors which are dark blue and torquoise. And it also integrated Mint Crowd’s

The main features of the platform are listing properties, their details, and their funding progress.

9

fracment of logo strengthening the brand identity .


10


11

Applications & Platforms - Mint Crowd


Applications & Platforms - Mint Crowd

12


HACKATHON: TOPS APPLICATION

2018 UX Design & UI Design

The requirement of this hackathon is to pitch a tech-

create an even more seamless experience in grocery

nological product that would enhance the experience

shopping for Central Group’s customers.

of Central Group’s The One Card holder.

The addon is designed to have the same theme as

We designed an extension for Top Supermarket’s

the original application to keep the harmony of the

application which lets people able to shop for grocer-

entire application and make the whole user experi-

ies from food recipes they want to make and pick up

ence more seamless, with the red theme color and

their groceries after work. The application’s goal is to

the grey background.

13


14


WEBSITES


ADSOUP WEBSITE

2018 Website Design & Illustrations Adsoup is a CRM platform. It is built to make CRM

trations are designed to make the user see a clearer

more smooth and easier. This website is for telling

picture of what the website is trying to tell them, and

the story of how their product can help the users.

at the same time, reflect the identity of their product that is simple, playful, yet, means business.

I did the website design and illustrations on this website. The layouts are designed to make the information simple and easy to digest for users. And the illus-

17


18


PREDICTOLOGY WEBSITE

2018-2019 Website Design & HTML & CSS

Predictology is a website system builder football

VISIT WEBSITE amount of information. A lot of graphs and visualiza-

betting. Through the website, the users can create his tions are added to the design to make the informaown system of showing certain data to cuztomize it to tions easier to read. his or her betting style. The biggest challenge in designing this system is the fact that on some pages it is required to show a big

19


20


21

Websites - Predictology Website


Websites - Predictology Website

22


EVENT COMET WEBSITE

2018 Website Design & Product Identity Design & HTML & CSS Event Comet is an all-in-one event application prod-

VISIT WEBSITE

simple, easy nature of the product. The turquoise

uct. This website’s objective is to show all the features color implies using technology to make a better of the product, and attract possible clients. It is also

experience. A touch of bright yellow implies friendli-

a place where clients can contact the sales person if

ness. Curved edge and round shapes are integrated

they are interested in the product.

a lot into the design, so that the design gives out an easy, friendly feeling.

The theme of the product is designed to imply the

23


24


DIVERTISE ASIA WEBSITE

2019 Website Design & HTML & CSS

Divertise Asia Website is a website for the company Divertise Asia to introduce themselves to the world, and exhibit their past works. It is aimed for possible clients or possible employees. The design reflects the nature of the company. It is technological, edgy, professional, but also have a touch of fun and lifeliness to it.

25

VISIT WEBSITE


26


27

Websites - Divertise Asia Website


Websites - Divertise Asia Website

28


OTHER PROJECTS


CU CROSSING TUNNEL REDESIGN & RENOVATION

2018 - 2019 Graphic Design & Project Coordinator

VIEW VIDEO

I did this project as a contracted designer, project

I design the new wall and floor graphics and a new

The design is aimed to be more friendly to the users

manager and project coordinator for Urban Lab.

map that encourages users to walk and use public

and to encourage users to integrate more excersice

The project is funded by Thai Health Promotion

transportations. Apart from that, I also coordinating

into their daily basis. To do that we use bright colors

Foundation. The goal of the project is to make a pilot

with other designers working on the project, inte-

and have a running trail patter on the floor, and

project for renovating and reinventing pedestrian

grating and finalizing the design, and coordinating

have a ‘walking route map‘, which shows the best

crossings in Bangkok to encourage people to com-

with construction workers and the owners.

walking routes to nearby places and the numbers of

mute by walking more.

31

chalories burned from walking on those routes.


Before Renovation

After Renovation

32


“Walking Route Map“ Design

33

Others - CU Crossing Tunnel


Photo of the finished “Walking Route Map“ (Photo from Healthy Space Forum)

Others - CU Crossing Tunnel

34


Meanings behind the Wall Graphic Patterns

35

Others - CU Crossing Tunnel


Others - CU Crossing Tunnel

36


(Photo from Healthy Space Forum)

37

Others - CU Crossing Tunnel


(Photo from Healthy Space Forum)

Others - CU Crossing Tunnel

38


THANK YOU

Profile for ltt

Supitcha T. UI Portfolio  

Link References . https://eventcomet.com . https://mintcrowd.com/ . https://www.predictology.co/ . http://divertise.asia/...

Supitcha T. UI Portfolio  

Link References . https://eventcomet.com . https://mintcrowd.com/ . https://www.predictology.co/ . http://divertise.asia/...

Profile for lttr
Advertisement