Ali Lee Working Experience
MOBIKASA - UX/UI Designer May 2015 - December 2015
Collaborate with clients & developers to define and implement solutions for the product direction, visuals and user experience. Create wireframes, storyboards, and user flows to effectively communicate interaction and design ideas. Sketch Html 5 / CSS
RUCKUS MARKETING DESIGN INTERN
ETL - graphic designer Oct 2014 - December 2015
Interpreting client's business needs and developing a concept to suit their advertising purpose; Creating design solutions that have a high visual impact. Social Media Strategy Illustration
September 2013 - April 2015
Brand development, create logos & illustrations to present brand strategies. Testing website UI, and manage posts for several social media accounts. Balsamiq English for business use Branding and Strategy
education National Kaohsiung Normal University - Industrial Design
2016 Deepwise software contract designer Kaohsiung, Taiwan
Professional skills 60%
99%
Brand Development Website interface and design Posters & Brochures Cartoon Characters
Graphic Design
80%
July 2012 - December 2015
Video Editing
50%
90%
Sketching
3D Modeling
User Interface
software tools
Bija kids contract designer
Illustrator
Brooklyn, USA
Indesign
April 2014 - September 2014
Final Cut Pro
Brand Refreshing Newsletter
Solidworks
HobrĂŠ Instruments brand consultant
languages
83%
Photoshop
99%
Sketch
ProEngineer
80%
65%
60%
50%
99%
Purmerend, Netherlands
59%
July 2014 - December 2014
Branding Direction Other Graphic Design
90%
Hello
89%
Hola
35%
Lean Dog Mean Dog
01
Train Program Advertising Image
About the Plan 9 Weeks
45 Workouts
Casual
Avg 40 mins
Lose Weight, Tone Muscle
Workout Mobile app development
My Status(Only when enrolled)
57%
Week 1
Client: Performix
Week 2
Performix is a workout supplyment company.
Welcome 18m 43s
Every supplement PERFORMIX makes is
2nd Workout
driven by a common technology: best in class
18m 43s
absorption, time released delivery and
3rd Workout 18m 43s
complete use of every single molecule period.
4th Workout 18m 43s
5th Workout 18m 43s
Week 3 Week 4 Week 5
Wireframing
User Flow
Prototype
Before Photo
Visual
Done
After Photo
Add
UI/UX Design
iOS 9
Le an Software Used: Sketch D og
Me
an
Do
Tr Ad ain P ver r Project Progress tisi ogra m ng Ab Im 1out the P 2 3age la
stage 1 wireframe
My Sta tu
We e We e
9W n ee ks Ca sua l Lo se We igh t, T on eM
45 Av g
usc
s(O nly
wh
k1
le
en
57
en
rol
led
Wo rk
ou
40
min
g
4
ts
s
)
%
Le
k2
Performix wanted to create an platform that will be able toW
an
elc
o
put on the special workout session videos and let the user8m 43s me 1
2n
dW 18 ork m
keep track of each workout by taking photos and marking43 3rd
each video as “done”.
18
m
Wo rk
43
ou
s
ou
s
Ad
t
Ab o
t
4th all the I started this project with sheets of papers listed with W 18
ork m ou 43 s
t function and core value. So here’s the first step - wireframe. 5t
We e We e We e Be fo
18
k3
hW ork ou 43 s
m
t
My S
tat u
k4
re
Ph o
We e
to Aft er
Do
Ph
43
3rd
18
Wo rk
We e ou
t
ck
Le
an
We e
ed My
Ba
We e
yG all ery
ms Fe
Do
No
tifi
ea
nD
m
43
ou
s
18
k3
m
Wo rko 43 u s
Wo rko 43 u s
wh
le
en
57
en
rol
led
tio
Be
n
)
%
om
e
s
ou
t
t
t
B
t
k4
for e
Ph
oto Aft er
og
Ph
9W ee ks sua l Lo se We igh t, T o
oto
Ca
ne
Sh are Ad d
Ca
Sh are
ne
45 Wo rko Av uts Mu g4 scl 0m e ins
14
/60 :20
P ro
gra
ck
an
Do
Wo rk
ou
t
No
t
1
A
Tra i
n
Wo rk
gra
gM
ed My
ou
t
No
tifi
Ba ck
1
ca
tio
nD
og
n re
Sig Na
me
Mu
ms Fe
Mo
ea
ed My
Ba
Le
P ro
ed My
ms Fe
oM yG all ery
ms Fe
Co mp let e P ro
gra
ne
Co m
Go t :20
m
k5
re
Do
9W ee ks sua l Lo se We igh t, T o
Wo r
40
1
ca
Mo
gM
m
5th
oM
gra
43
s
Wo rk
4th
Ad d
P ro
m
dW 18 ork m 18
Go t
s(O nly
45 Av g
k2
2n
ne
P
usc
k1
We lc
18
oto
the
lan 9W ee ks Ca sua l Lo se We igh t, T on eM
k5 We e
ut
Tra in ver Pro tisi ng I
Wo rk
ou
t
No
tifi
1
ca
d
n Mo
nU
p Ne
Ad
tio
xt
r
stage 2 user flow
Project Progress
1
2
3
4
Mean Dog
rogram ng Image
UI/UX Design
iOS 9
Software Used: Sketch Project Progress
1
45 Workouts Avg 40 mins Muscle
enrolled)
57%
Back
Lean Dog Mean Dog
stage 3 prototype 14:20/60:20
After createing every screen45 and ideal user Workouts 9 Weeks Avg 40 mins flow, the mostCasual important part is to make all Lose Weight, Tone Muscle
into use. Not only designers, I tested serveral After Photo
users back and forth to finalize this version. Share Complete
Add
1
Programs
Feed
My Workout
Back
Notification
Sign Up
Gallery
More
Next
Preview Here: 1
kout
Notification
https://www.flinto.com/p/2a6f34c9 Add Photo More
Name
Mean Dog Username
rogram ng Image
45 Workouts
Password
Confirm Password
Age
Gender
Height
Weight
Avg 40 mins Muscle
enrolled)
57%
Join our mailing list By creating an account, I accept the Terms of Use and Privacy Policy
2
3
4
UI/UX Design
stage 4 visual design
iOS 9
Software Used: Sketch
Project Progress
1
2
3
4
before & after This project actually has other designers to work on the design. But I somehow feel like they just use the same layout from my wireframes, so I try to create another version for the design.
Website UI Design
Sketch / html5 / css
02
MObikasa brand materials Website Redesign
Company: Mobikasa Mobikasa team provides comprehensive planning, design, development and maintenance services to a diverse cross section of industries. We specializes in web, mobile & tablet solutions. Our products are used by several million users every month.
Website elements Font
Icons
A
Paragraph Title Lato 35px #363636
Aa
Paragraph Subitle Lato 20px #EB8D31
Aa
Paragraph Subitle Lato 20px #EB8D31
Colors
Version 1 Version 2
Single Porfolio Page Our Portfolio
Presentation Design
Sketch / Adobe Illustrator / Adobe Photoshop
02 MObikasa brand materials Mobikasa team provides comprehensive
for this project 24
planning, design, development and
Copy Writing
maintenance services to a diverse cross
Presentation Strategy
section of industries. We specializes in web,
Competitor Research
mobile & tablet solutions. Our products are
Design Layout
used by several million users every month.
Infographics
Presentation Deck
Pages
*
Presentation Design
Sketch / Adobe Illustrator / Adobe Photoshop
portfolio page content
Features
Testimonial Words of others is always the best advertisment.
Main Graphic
Listed what we have done for
Mockups of what we have
this projects, so whoever is
done for this client, so we
viewing this presentation can
can tell the story with
get a better idea of our services.
well designed images.
03
Savile Row society Savile Row Society is a Men's Personal Shopping Platform. Their mission is to achieve an eďŹƒcient, interactive online shopping experience. I started the new version of the site from reconstructing the new structure, adding intersting sections, and finalizing the design.
Website Link: http://www.savilerowsociety.com/
Website elements Font
Colors
A
Paragraph Title Josefin Sans Bold 35px #222222
Aa
Paragraph Subitle Josefin Sans 24px #222222 or #b6a166
Aa
Paragraph Subitle Open Sans 14px #222222
EQUINOX & Savile Row Society Event Branding
04
Bija Kids Brand Refreshing
Client’s Requirements Bija Kids is a preschool organization came with the need of a more nutural brand identity.
Presentation Design
Sketch / Adobe Illustrator / Adobe Photoshop
Since it’s a preschool brand, besides the blue they has, I selected 3 other majoy colors for them to use in dierent occasions.