Visual Design Portfolio - Pasrapun Petchlorlian

Page 1

VISUAL DESIGN PORTFOLIO PASRAPUN




PASRAPUN DATE OF BIRTH

1990.09.03

NATIONALITY

THAI

GENDER

FEMALE

ADDRESS

SOUTH KOREA

UX SKILLS

USER INTERVIEW

USER JOURNEY MAP

PERSONAS

SERVICE BLUEPRINT

USECASES/SCENARIOS

WIREFRAME

STORYBOARD

LOW/HIGH FIDELITY

MOODBOARD

USABILITY TESTING

USER FLOW

SKETCHING/UI DESIGN

INSPIRATION AND INTERESTS

TYPOGRAPHY

PHOTOGRAPHY

GEOMETRIC ART

GAME

MINIMALISM

MUSIC


PASRAPUN@GMAIL.COM 010-7327-7276

COMPUTER SKILLS ILLUSTRATOR PHOTOSHOP SKETCH AFTER EFFECTS PREMIERE PRO HTML5 MICROSOFT OFFICE

LANGUAGE THAI

(NATIVE)

ENGLISH

(PROFESSIONAL WORKING PROFICIENCY)

KOREAN

(LIMITED WORKING PROFICIENCY)



CONTENTS

01

UX/UI DESIGN

02 GRAPHIC DESIGN 03 MOTION GRAPHICS DESIGN 04 GAME DESIGN


U X / U I D E S I G N


0 1


PETCOOK APP (2018)


UX/UI DE SIGN


STYLEPILL APP (2018)


UX/UI DE SIGN


STYLEPILL WEB (2018)


UX/UI DE SIGN



UX/UI DE SIGN

PETHERAPIE’S LANDING PAGE (2018)



UX/UI DE SIGN

STYLEPILL WEBSITE (2018)



UX/UI DE SIGN



UX/UI DE SIGN

STYLEPILL (2017)



UX/UI DE SIGN



UX/UI DE SIGN


16


INTERACTIVE

INTERACTIVE

MUSIC

GENERATIVE MUSIC WEBSITE

WEBSITE

UX/UI DE SIGN

INTERACTIVE GENERATIVE MUSIC WEB UX DESIGN (2016)


PERSONA #1


UX/UI DE SIGN

PERSONA #2


USE CASES


UX/UI DE SIGN


USER SCENARIO #1


UX/UI DE SIGN

USER SCENARIO #2


WIREFRAME


Do you know what site you are on as soon as you arrive?

Does the logo appear clear and unpixelated?

Is the logo easy to read and interpret?

Are the most important function at a top level? (not in a drop down menu)

Is the main function at the same place on every page?

Is the content a good size and easily understandable?

Is there enough contrast between the colours of the content and background?

Are the site colours pleasing to the eye and easy to work with?

Does the content have a consistent layout across the entire site?

Is the comment area of the site simple to find?

Are social network links easy to find and use throughout the site?

Does the site look good on multiple devices?

Are important site elements still easily accessible on different devices?

DESCRIPTION Do you know how to navigate the site as soon as you arrive?

CONTENT Is the content easy for you to read and interact with?

DESIGN Can you use the page without getting confused or tired?

INTERACTION Can you interact with the site easily?

MOBILE Can you interact with the site on any device?

UX/UI DE SIGN

LOGO


M O T I O N G R A P H I C S


0 2



Click to play video

MOTION GR APHIC S

INTERACTIVE POSTER


STYLEPILL ADS


Click to play video

MOTION GR APHIC S


STYLEPILL SOLUTION


Click to play video

MOTION GR APHIC S


STYLEPILL SOLUTION


Click to play video

MOTION GR APHIC S


STYLEPILL

Click to play video


MOTION GR APHIC S


STYLEPILL ADS


Click to play video

MOTION GR APHIC S


G R A P H I C D E S I G N


0 3


CHARACTER ON GAME TITLE SCREEN


GR APHIC DE SIGN

INFOGRAPHIC CHARACTER



GR APHIC DE SIGN



GR APHIC DE SIGN



GR APHIC DE SIGN

STYLEPILL CHARACTER




LOGOS


GR APHIC DE SIGN


I N T E R A C T I V E G A M E


0 4


INTERACTIVE KINECT GAME

AUNJAI SCHOOL (2014)


INTER A C TIVE G AME


2D AND INTERFACE DESIGN


INTER A C TIVE G AME



INTER A C TIVE G AME

WORKFLOW


FLOW CHART


LOGO

INTER A C TIVE G AME

AUNJAI SCHOOL PROJECT

CREDIT

LOGO

LOGO

NORMAL BACK

PLAY

KINECT

CHALLENGE

BACK

TIME

MODE SCORE

RULES TO WIN BACK

START

TOTAL SCORE WINNER OF THE DAY


PROJECT TIMELINE

USER SCENARIO Snapshot Normal Age 4-7 Five Games Challenge Age 4-7

Score

Share


INTER A C TIVE G AME

DEVICES

PLAY ZONE


SOUTH KOREA 010-7327-7276 PASRAPUN@GMAIL.COM



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.