I am an NYC-based UX/UI Designer, passionate about technology and storytelling through different sensory experiences. My daily muse comes from the nuances of human interactions, designing and re-designing, and my relentless curiosity of a 5-year-old.
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Jen Ng | UX / UI Design Portfolio
1. jen ng
UX / UI DES I GNER • PORTF OL IO
h i@ je n n g .c om • 3 47 2 62 2 89 1 • j e nng . com
2. PROJECTS
MENTOR MATCH • A SITE FOR MENTOR S/MEN TEES
PLATFORM: We bsite
R ES ERVE • A D IN IN G APP
PLATF ORM: Wear ab le Technology
THE STRAND • A DIGITAL POP-U P STORE
PLATFORM: Microsite
NY C SA FE • A SAFE TY APP
PLATF ORM: iPho ne A pp + Wearable Technology
3. NYU • PO DFORUM.OR G
RE SE RVE
PROJECT: [WEARA BLES] FOR CLI EN T
The Reserve App l e Wa tc h a pp is a
collaboration wi th two oth er UX De signers &
a team o f Web D e v e l o p m e n t Con sultants.
Our design accom p an ies th e ex is ti ng nati ve
mobile app, a p er s on al con cierge for creati ng
seam less dinin g ex p erien ces .
DURATIO N: 2 weeks
CHALLEN GES: De si g ni ng fo r a small
inter face, adh eren ce to Ap p le’s H uman
Interface Guidel in es , an d d es ign in g for a
dev ice that was n ’t availab le f or testi ng.
PROCESS: Res earch [s u rveys , i ntervi ew s,
comparative an aly s is , comp etiti ve anal ysi s,
contextual inq ui ry, p ers on as develo pment] ,
wireframing, mock -u p s , p rototyp in g, user
testing, design i teration s
SOLUTION: Des ig n ed a watch app that
notif ies diners of th e mo st e ssential
informa tion. N otif ication s in clud e confi rmi ng
shoulder times , accep tin g/d ecli ni ng al ter nate
reco mmendation s an d r ati n g res taurants.
NEXT S TEPS: Co n tin u e te sti ng w ith nati ve
app an d moni to r use rs’ i nte raction s w i th the
watch o ver time, e xpa nd o n wa tc h features.
PROTOTYPE: APPLE WATCH
4. NYU • PO DFORUM.OR G
37
SURVEYS
12
INTERVIEWS
BUSINESS
SUCCESS
STORIES
ITUNES
APP
REVIEWS
COMPARATIVE
ANALYSES
COMPETITIVE
ANALYSES
RE SE RVE
RESEARCH SOURCES
PROJECT: [WEARA BLES] FOR CLI EN T
The Reserve App l e Wa tc h a pp is a
collaboration wi th two oth er UX De signers &
a team o f Web D e v e l o p m e n t Con sultants.
Our design accom p an ies th e ex is ti ng nati ve
mobile app, a p er s on al con cierge for creati ng
seam less dinin g ex p erien ces .
DURATIO N: 2 weeks
CHALLEN GES: De si g ni ng fo r a small
inter face, adh eren ce to Ap p le’s H uman
Interface Guidel in es , an d d es ign in g for a
dev ice that was n ’t availab le f or testi ng.
PROCESS: Res earch [s u rveys , i ntervi ew s,
comparative an aly s is , comp etiti ve anal ysi s,
contextual inq ui ry, p ers on as develo pment] ,
wireframing, mock -u p s , p rototyp in g, user
testing, design i teration s
SOLUTION: Des ig n ed a watch app that
notif ies diners of th e mo st e ssential
informa tion. N otif ication s in clud e confi rmi ng
shoulder times , accep tin g/d ecli ni ng al ter nate
reco mmendation s an d r ati n g res taurants.
NEXT S TEPS: Co n tin u e te sti ng w ith nati ve
app an d moni to r use rs’ i nte raction s w i th the
watch o ver time, e xpa nd o n wa tc h features.
5. NYU • PO DFORUM.OR G
“Mandarin Oriental's pillars say 'We will record
customers’ preferences in order to surprise and
delight guests.’”
- KELLY / 22 Y.O. / REGIONAL SALES MANAGER / NYC
CONCIERGES • DINERS • TECH ENTHUSIASTS
- JON / 23 Y.O. / STUDENT / NJ
“After using my smart watch for a while, I figured
out which apps had features that suited my needs.
Then I used my watch differently according to the
new functions I discovered.”
“Concierges should be good listeners, taking
note of your preferences without having to ask
a laundry list of questions.”
- VICTORIA / 28 Y.O. / AUDIO ENGINEER / HOUSTON
RE SE RVE
INTERVIEW HIGHLIGHTS
PROJECT: [WEARA BLES] FOR CLI EN T
The Reserve App l e Wa tc h a pp is a
collaboration wi th two oth er UX De signers &
a team o f Web D e v e l o p m e n t Con sultants.
Our design accom p an ies th e ex is ti ng nati ve
mobile app, a p er s on al con cierge for creati ng
seam less dinin g ex p erien ces .
DURATIO N: 2 weeks
CHALLEN GES: De si g ni ng fo r a small
inter face, adh eren ce to Ap p le’s H uman
Interface Guidel in es , an d d es ign in g for a
dev ice that was n ’t availab le f or testi ng.
PROCESS: Res earch [s u rveys , i ntervi ew s,
comparative an aly s is , comp etiti ve anal ysi s,
contextual inq ui ry, p ers on as develo pment] ,
wireframing, mock -u p s , p rototyp in g, user
testing, design i teration s
SOLUTION: Des ig n ed a watch app that
notif ies diners of th e mo st e ssential
informa tion. N otif ication s in clud e confi rmi ng
shoulder times , accep tin g/d ecli ni ng al ter nate
reco mmendation s an d r ati n g res taurants.
NEXT S TEPS: Co n tin u e te sti ng w ith nati ve
app an d moni to r use rs’ i nte raction s w i th the
watch o ver time, e xpa nd o n wa tc h features.
6. NYU • PO DFORUM.OR G
VIBRATING NOTIFICATIONS ARE ESSENTIAL & EFFECTIVE
SOLUTION • Save for core call-to-actions
ACCESSIBLE NOTIFICATIONS ADD CONVENIENCE
SOLUTION • Keep content concise enough for
quick glances
BRAND LOYALTY • PURCHASES WITHIN SAME OS
SOLUTION • Make watch extension available for
Android and iPhone users
SIMPLIFIED USAGE OVER TIME
SOLUTION • Keep features to a bare minimum with
easy onboarding
RE SE RVE
KEY TAKEAWAYS
PROJECT: [WEARA BLES] FOR CLI EN T
The Reserve App l e Wa tc h a pp is a
collaboration wi th two oth er UX De signers &
a team o f Web D e v e l o p m e n t Con sultants.
Our design accom p an ies th e ex is ti ng nati ve
mobile app, a p er s on al con cierge for creati ng
seam less dinin g ex p erien ces .
DURATIO N: 2 weeks
CHALLEN GES: De si g ni ng fo r a small
inter face, adh eren ce to Ap p le’s H uman
Interface Guidel in es , an d d es ign in g for a
dev ice that was n ’t availab le f or testi ng.
PROCESS: Res earch [s u rveys , i ntervi ew s,
comparative an aly s is , comp etiti ve anal ysi s,
contextual inq ui ry, p ers on as develo pment] ,
wireframing, mock -u p s , p rototyp in g, user
testing, design i teration s
SOLUTION: Des ig n ed a watch app that
notif ies diners of th e mo st e ssential
informa tion. N otif ication s in clud e confi rmi ng
shoulder times , accep tin g/d ecli ni ng al ter nate
reco mmendation s an d r ati n g res taurants.
NEXT S TEPS: Co n tin u e te sti ng w ith nati ve
app an d moni to r use rs’ i nte raction s w i th the
watch o ver time, e xpa nd o n wa tc h features.
7. NYU • PO DFORUM.OR G
3:08
Dismiss
Edit Offer
Keep Waiting
Reserve
Carbone
Hi, Evelyn! You
mentioned being
interested in eating at
Carbone, and I have a
table for 2 tonight at 6:30
PM. Would you like it?”
This offer expires at 3:38
PM today.
Let’s Do It
SPECIAL OFFER
PI CTUR ED: [left to right] Native App screensh ot, Ap ple Watch wireframe
RE SE RVE
FEATURE IDEAS
SURPRISE OFFERS
PROJECT: [WEARA BLES] FOR CLI EN T
The Reserve App l e Wa tc h a pp is a
collaboration wi th two oth er UX De signers &
a team o f Web D e v e l o p m e n t Con sultants.
Our design accom p an ies th e ex is ti ng nati ve
mobile app, a p er s on al con cierge for creati ng
seam less dinin g ex p erien ces .
DURATIO N: 2 weeks
CHALLEN GES: De si g ni ng fo r a small
inter face, adh eren ce to Ap p le’s H uman
Interface Guidel in es , an d d es ign in g for a
dev ice that was n ’t availab le f or testi ng.
PROCESS: Res earch [s u rveys , i ntervi ew s,
comparative an aly s is , comp etiti ve anal ysi s,
contextual inq ui ry, p ers on as develo pment] ,
wireframing, mock -u p s , p rototyp in g, user
testing, design i teration s
SOLUTION: Des ig n ed a watch app that
notif ies diners of th e mo st e ssential
informa tion. N otif ication s in clud e confi rmi ng
shoulder times , accep tin g/d ecli ni ng al ter nate
reco mmendation s an d r ati n g res taurants.
NEXT S TEPS: Co n tin u e te sti ng w ith nati ve
app an d moni to r use rs’ i nte raction s w i th the
watch o ver time, e xpa nd o n wa tc h features.
8. NYU • PO DFORUM.OR G
THE STRAN D
MOCK-UP: MICROSITE
PROJECT: [MICROSITE] CASE STU DY
A microsite for Th e S tran d , an N YC l i terary
institution. As th e s ole U X / UI D es igner, I
designed for an a ssi g ne d pri mary persona +
two secondary p ers on as , wh ile edi ti ng the
e-commerce s i te’s in ven tory to 100 i tems.
DURATIO N: 1 week
CHALLEN GES: Con s olid atin g a s tore w i th
“18 m iles of book s ” in to a cu rated i nventory
of 10 0 product s.
PROCESS: Res earch [b ran d research,
comparative an aly s is , comp etiti ve anal ysi s,
contextual inq ui ry ], c a rd so rti ng , information
arch itecture, w i re fra mi ng, p rototy pi ng, user
testing, design i teration s
SOLUTION: Des ig n ed a bra nde d, 1950s-
theme d, virtual p o p- up sto re featuri ng 100
items with an emp h as is on bri ng ing the
online e xperienc e o ffl i ne via soci al medi a,
an in-store pi ck- u p op tion an d P R strategy.
NEXT S TEPS: Con tin u e te sti ng w ith users
that fall outsid e o f the spe c i fie d p ersonas,
as well as withi n. R ef in e th e desi gn for the
desktop app an d ex p lore p os si bi li ti es for
respon sive de sig ns .
9. NYU • PO DFORUM.OR G
THE STRAN D
PERSONA STUDY
PROJECT: [MICROSITE] CASE STU DY
A microsite for Th e S tran d , an N YC l i terary
institution. As th e s ole U X / UI D es igner, I
designed for an a ssi g ne d pri mary persona +
two secondary p ers on as , wh ile edi ti ng the
e-commerce s i te’s in ven tory to 100 i tems.
DURATIO N: 1 week
CHALLEN GES: Con s olid atin g a s tore w i th
“18 m iles of book s ” in to a cu rated i nventory
of 10 0 product s.
PROCESS: Res earch [b ran d research,
comparative an aly s is , comp etiti ve anal ysi s,
contextual inq ui ry ], c a rd so rti ng , information
arch itecture, w i re fra mi ng, p rototy pi ng, user
testing, design i teration s
SOLUTION: Des ig n ed a bra nde d, 1950s-
theme d, virtual p o p- up sto re featuri ng 100
items with an emp h as is on bri ng ing the
online e xperienc e o ffl i ne via soci al medi a,
an in-store pi ck- u p op tion an d P R strategy.
NEXT S TEPS: Con tin u e te sti ng w ith users
that fall outsid e o f the spe c i fie d p ersonas,
as well as withi n. R ef in e th e desi gn for the
desktop app an d ex p lore p os si bi li ti es for
respon sive de sig ns .
10. NYU • PO DFORUM.OR G
THE STRAN D
PERSONA COMPARISON
PROJECT: [MICROSITE] CASE STU DY
A microsite for Th e S tran d , an N YC l i terary
institution. As th e s ole U X / UI D es igner, I
designed for an a ssi g ne d pri mary persona +
two secondary p ers on as , wh ile edi ti ng the
e-commerce s i te’s in ven tory to 100 i tems.
DURATIO N: 1 week
CHALLEN GES: Con s olid atin g a s tore w i th
“18 m iles of book s ” in to a cu rated i nventory
of 10 0 product s.
PROCESS: Res earch [b ran d research,
comparative an aly s is , comp etiti ve anal ysi s,
contextual inq ui ry ], c a rd so rti ng , information
arch itecture, w i re fra mi ng, p rototy pi ng, user
testing, design i teration s
SOLUTION: Des ig n ed a bra nde d, 1950s-
theme d, virtual p o p- up sto re featuri ng 100
items with an emp h as is on bri ng ing the
online e xperienc e o ffl i ne via soci al medi a,
an in-store pi ck- u p op tion an d P R strategy.
NEXT S TEPS: Con tin u e te sti ng w ith users
that fall outsid e o f the spe c i fie d p ersonas,
as well as withi n. R ef in e th e desi gn for the
desktop app an d ex p lore p os si bi li ti es for
respon sive de sig ns .
11. NYC SAFE
PROJECT: [IPHONE + WEARABLE S] C A S E S TUDY
NYC Safe is a co l l a bo ra ti o n wi th another UX
Designer where ou r d es ign s f or the iP hone
and Appl e Wat ch are u s ed f or th e
prevention, inte rve nti o n, an d rec overy from
sexua l & phys ic a l a ssa ul ts targeted tow ards
the LGBTQ comm u n ity an d w omen.
DURATIO N: 1 week
CHALLEN GES: Des ign in g f or two di fferent
dev ices w ith se am l e ss fe a tures integration .
Interviewing ab ou t s en s itive issu es i nvol vi ng
rape and phys ical as s au lts f or res earch.
PROCESS: Res earch [s u rveys , i ntervi ew s,
comparative an aly s is , p ers on as
dev elopment], wiref ramin g, mock-ups,
proto typing, us er tes tin g, d es ign iterati ons
SOLUTION: Des ig n ed an Ap p le Watch app
functioning as a p a ni c butto n for e mergency
alerts with ai d of th e iPh on e ap p for
onboarding an d ro ut e p l a nni ng. AP I
integra tion to p ul l d ata in ab ou t op en
busin esses and traff ic volu me.
NEXT S TEPS: Mo re u s er tes ting an d
contextual inq ui ri es . R es earch way s of
reach ing 911 th rou gh th e watch .
Bryan Huchinsx3
Safety happens through
prevention, intervention and
recovery.
SAFE
Verizon 11:25 PM 100%
GET STARTED
Bryan Huchinsx3
Please select a 4-digit
combination code.
This will be used to unlock
your phone when you check
in safely at a destination.
1 2 3 4
PASSCODE SETUP
Verizon 11:25 PM 100%
NEXT
SAVED
LOCATIONS
Home
Verizon 11:25 PM 100%
Where are you going?
Enter Address
Current Location
HOME
27 VAN DAM ST
15 minutes
1 mile
x0
x2
x2
20 minutes
1.3 miles
x8
x5
x4
25 minutes
1.8 miles
x1
x2
x3
SAVED
LOCATIONS
Home
Verizon 11:25 PM 100%
Where are you going?
Enter Address
Current Location
MY SHARED NETWORK
NEXT
RECENT
CONTACTS
Tyler Melvielle
+
EMERGENCY
CONTACT
Rachel Boden
Mom
Verizon 11:25 PM 100%
KELSEY’S ROUTE
20 minutes 1.3
miles
ALARM
CHECK IN
Bryan Huchinsx3
Enter passcode to let
your contacts know that
you’ve safely arrived at
your destination.
GLAD
YOU’RE
SAFE!
Your connected users
will get a confirmation
that you’re home safe.
GOOD NIGHT!
Close
Verizon 11:25 PM 100%
MOCK-UP: IPHONE
12. MOCK-UP: APPLE WATCH
NYC SAFE
PROJECT: [IPHONE + WEARABLE S] C A S E S TUDY
NYC Safe is a co l l a bo ra ti o n wi th another UX
Designer where ou r d es ign s f or the iP hone
and Appl e Wat ch are u s ed f or th e
prevention, inte rve nti o n, an d rec overy from
sexua l & phys ic a l a ssa ul ts targeted tow ards
the LGBTQ comm u n ity an d w omen.
DURATIO N: 1 week
CHALLEN GES: Des ign in g f or two di fferent
dev ices w ith se am l e ss fe a tures integration .
Interviewing ab ou t s en s itive issu es i nvol vi ng
rape and phys ical as s au lts f or res earch.
PROCESS: Res earch [s u rveys , i ntervi ew s,
comparative an aly s is , p ers on as
dev elopment], wiref ramin g, mock-ups,
proto typing, us er tes tin g, d es ign iterati ons
SOLUTION: Des ig n ed an Ap p le Watch app
functioning as a p a ni c butto n for e mergency
alerts with ai d of th e iPh on e ap p for
onboarding an d ro ut e p l a nni ng. AP I
integra tion to p ul l d ata in ab ou t op en
busin esses and traff ic volu me.
NEXT S TEPS: Mo re u s er tes ting an d
contextual inq ui ri es . R es earch way s of
reach ing 911 th rou gh th e watch .
13. MENTO R MATCH
MOCK-UP: WEBSITE
PROJECT: [WEBS ITE] HACKATHON C HA LLENG E
Mento r Match b ri n gs men tors an d mentees
within th e same organ ization together
through compl emen tary p rof ess ion al
experiences, b ackgrou n d s an d in terests. I
worked w ith a Pro duc t Ma na ge r and three
Web Develope rs as th e s ole UX /UI Designer.
DURATIO N: 2 weeks
CHALLEN GES: Es tab lis h in g and ap pl yi ng the
MVP to push thro u gh to a live si te. Worki ng
with a team with varied s ch ed ul es and no
prior working hi s tory or relations hi p.
PROCESS: Res earch [s u rveys , i ntervi ew s,
comparative an aly s is , p ers on as
dev elopment], wiref ramin g, mock-ups,
proto typing, us er tes tin g, d es ign iterati ons
SOLUTION: Des ig n ed a web s ite wi th
prior itized fea ture s b as ed on qualitative &
quantita tive re se a rc h.
NEXT S TEPS: Recru it more members and
conduct user t es ti ng an d c o ntex tu al
inquirie s. Integrate s econ d -s pri nt features
and test.
14. MENTO R MATCH
PROJECT: [WEBS ITE] HACKATHON C HA LLENG E
Mento r Match b ri n gs men tors an d mentees
within th e same organ ization together
through compl emen tary p rof ess ion al
experiences, b ackgrou n d s an d in terests. I
worked w ith a Pro duc t Ma na ge r and three
Web Develope rs as th e s ole UX /UI Designer.
DURATIO N: 2 weeks
CHALLEN GES: Es tab lis h in g and ap pl yi ng the
MVP to push thro u gh to a live si te. Worki ng
with a team with varied s ch ed ul es and no
prior working hi s tory or relations hi p.
PROCESS: Res earch [s u rveys , i ntervi ew s,
comparative an aly s is , p ers on as
dev elopment], wiref ramin g, mock-ups,
proto typing, us er tes tin g, d es ign iterati ons
SOLUTION: Des ig n ed a web s ite wi th
prior itized fea ture s b as ed on qualitative &
quantita tive re se a rc h.
NEXT S TEPS: Recru it more members and
conduct user t es ti ng an d c o ntex tu al
inquirie s. Integrate s econ d -s pri nt features
and test.
PERSONA 1
KEY TAKEAWAYS
INTERVIEW RESULTS
• Interviewees wanted to be paired
with people sharing similar professional
& personal interests.
• All interviewees are currently on
LinkedIn.
• There is a desire to make the
mentorship process more formalized to
increase the level of commitment,
engagement and accountability.
• Everyone is interested in seeing
listings for industry events.
DESIGN SOLUTIONS
• Include information about professional
experience & personal interests in profiles.
• Allow ability to log in via LinkedIn.
• Include availability in profiles to manage
expectations of time commitment.
• Include feature showing Meet-Ups and
industry-related events the mentors &
mentees have attended (to give insight on
their professional & personal interests, and
to offer talking points); and will be
attending (so that mentors & mentees can
meet in person to see if they are a good
match).
15. MENTO R MATCH
PROJECT: [WEBS ITE] HACKATHON C HA LLENG E
Mento r Match b ri n gs men tors an d mentees
within th e same organ ization together
through compl emen tary p rof ess ion al
experiences, b ackgrou n d s an d in terests. I
worked w ith a Pro duc t Ma na ge r and three
Web Develope rs as th e s ole UX /UI Designer.
DURATIO N: 2 weeks
CHALLEN GES: Es tab lis h in g and ap pl yi ng the
MVP to push thro u gh to a live si te. Worki ng
with a team with varied s ch ed ul es and no
prior working hi s tory or relations hi p.
PROCESS: Res earch [s u rveys , i ntervi ew s,
comparative an aly s is , p ers on as
dev elopment], wiref ramin g, mock-ups,
proto typing, us er tes tin g, d es ign iterati ons
SOLUTION: Des ig n ed a web s ite wi th
prior itized fea ture s b as ed on qualitative &
quantita tive re se a rc h.
NEXT S TEPS: Recru it more members and
conduct user t es ti ng an d c o ntex tu al
inquirie s. Integrate s econ d -s pri nt features
and test.
PERSONA 1
PERSONA DEVELOPMENT
ELIZA JACOBS
LOCATION: Boston, MA
HOMETOWN: Santa Barbara, CA
AGE: 23-years-old
TITLE: Program Coordinator
EXPERIENCE: 6 months
PAIN POINTS
• Conflicting schedules with mentor.
• Being paired with someone she can’t relate
w/personally and professionally.
NEEDS
• To be paired with someone who identifies w/
her academic past, where she’s from and can
identify w/her strengths and weaknesses.
• To work with someone who can give career
advice, but is relatable on a personality level
who shares similar interests.
KEY FEATURES
• Hometown
• Bio
• Email address
• Interests
• Fun Fact
• Availability
• Filters on skills to learn
• Years of mentoring experience listed
• Testimonials
“I want to know how to get from good to great.”
16. MENTO R MATCH
PROJECT: [WEBS ITE] HACKATHON C HA LLENG E
Mento r Match b ri n gs men tors an d mentees
within th e same organ ization together
through compl emen tary p rof ess ion al
experiences, b ackgrou n d s an d in terests. I
worked w ith a Pro duc t Ma na ge r and three
Web Develope rs as th e s ole UX /UI Designer.
DURATIO N: 2 weeks
CHALLEN GES: Es tab lis h in g and ap pl yi ng the
MVP to push thro u gh to a live si te. Worki ng
with a team with varied s ch ed ul es and no
prior working hi s tory or relations hi p.
PROCESS: Res earch [s u rveys , i ntervi ew s,
comparative an aly s is , p ers on as
dev elopment], wiref ramin g, mock-ups,
proto typing, us er tes tin g, d es ign iterati ons
SOLUTION: Des ig n ed a web s ite wi th
prior itized fea ture s b as ed on qualitative &
quantita tive re se a rc h.
NEXT S TEPS: Recru it more members and
conduct user t es ti ng an d c o ntex tu al
inquirie s. Integrate s econ d -s pri nt features
and test.
PERSONA 1
NEXT STEPS: FEATURES
mentor match
sign out
about contact
mentors
profile
mentees filter | clear filter
forum
testimonials
events
reminders
inbox
2
Interviewees expressed
interest in a messaging
functionality & storage for
docs relating to their
mentors/mentees in the
Mentor Match account, as
well as to receive reminders
about upcoming meetings
and check-ins.
[USER RESEARCH]
The majority of interviewees
said they would be
interested in seeing industry
events on the site, along
with who within the company
is attending.
[USER RESEARCH]
Some expressed interest in a
discussion forum for real-
time resources and
community discussions.
[USER RESEARCH]
3
1
1
2
3
17. h i@ je n n g. co m • 347 2 62 28 9 1 • je nng .c om