Roberts provides a portfolio of UX design work including projects for Meetup, Pique, and Fordham Law School. She has experience in interior design, improv theatre, and the Peace Corps which inform her work. She is passionate about UX design and wants to join a team where she can grow and be inspired.

1. ROBERTS
UX PORTFOLIO

2. I am a passionate, hard working, and goal orientated UX designer. I bring to the
table a wealth of experience including years in Interior Design, Improv theatre, and
Peace Corps. I am looking to have an honest conversation about where I have been
and where I can bring the most of myself to the table. Where am I going to be most
useful. There is a reason I have had the experiences I have had and I am looking
forward to leveraging my experiences into future endevors. I want to join a team
where I can grow, inspire and be inspired.

3. SKETCH OMNIGRAFFLE PHOTOSHOP
PRINCIPLE INVISION AXURE
KEYNOTE POWERPOINT PREZI
IMOVIE FINAL CUT PRO SKETCH UP
AUTOCAD

4. Meetup
Develop a feature for existing app
Pique
Develop a native application
Fordham Law
IA, Content Strategy Redesign

5. General Assembly UXDI Project. Meetup would like to create a first-class means through
its website and apps to increase the ability of Organizsers and Hosts to find one another.
Our goal was heavily influenced by our
users as well as the business needs. We
found out after a client meeting with
Meetup that our orginal brief was not
necessarily the best fit for Meetup, and we
pivoted. Our goal became: To help
organizers find venues for Meetups
2 weeks
Project Manager/ Visual Designer
This team worked well collaboratively. I
worked as a point- of- contact with the
client, as well as made sure that everyone
on the team remained on the same page
as far was our goals were concerned,
especially given our midway pivot. I
worked on a lot of preliminary research
and was responsible for wireframes, and
prototypes.
MY ROLE:
TIME:BRIEF:
GOAL:

6. “How did you pick your Meet up venue?”
“It’s where I buy my groceries”
“It’s close to my favorite knitting supply shop”
We visited 7 Meetups to interview venue hosts, Meetup
organizers, and Meetup members
SURVEY
COMPETITIVE & COMPARITIVE RESEARCH
We researched Meetup to understand their culture, and brand
identity. We also found out they were closeby and I was able to
set up a Meetup at Meetup HQ.
This Client Meeting lead to a
huge, quick pivot. As our original
brief suggested creating a venue
buy-in, and our client made it
clear they were uninterested and
ill equipped to become a venue
database. It was important for us
to keep the business needs and
limitations in mind with the
users.
We conducted a feature analysis
to understand the Meetup
advantage, as well as how to
maintain the upperhand and
leverage any existing best
practices
We created surveys to understand Meetup users, both members
and organizers. This helped us to generate our user interview
questions
If you could
change your
venue, would you?
USER INTERVIEWS
THE BRAND

7. AFFINITY DIAGRAMS PERSONAS
PIN-UP
We developed personas based on our research from popular
Meetup groups, and participants.
Based from our surveys and user interviews we made affinity
diagrams to distinguish patterns and groupings.
USER FLOW
Cancer survivor

8. To ensure that our team was on the same page and to ensure
we were doing the best to MVP our application we took to the
whiteboard more than a few times.
Lo-fi early paper prototypes
Rapid prototyping
MOSCOW
PAPER PROTOTYPES
DESIGN STUDIO

9. Usability Testing. Our global navigation, labels, and all elementa
of our application were tested between 6 iterations of our
application.
Spans the course of our pivots of when we were focused first of
venue opperators and then focused in on how we could leverage
the information that was already available on Meetup.
USER TESTING ITERATIONS

11. General Assembly UXDI Project. Create a Native
Application with an existing brand, or partner. The iPhone
was debuted 8 years ago and along with it the
popularization of apps. Apps, as opposed to websites, are
built in Objective-C (iOS) or Java (Android). Access to
hardware and OS level commands are the factors you will
focus on in this project (camera, GPS, compass, FM
transmitter, local storage, fingerprint scanner, refined
animations, etc).
Beginner guitar players quit, or give up
easily (1-2 months) because of lack of
motivation and losing interest.
People need a way to learn guitar that
keeps them motivated.
Our goal was heavily influenced by
our users as well as leveraging the
position/ existing applications and
technology of Yamaha.
2 weeks, the fastest 2 weeks
of my life!
User Research, Presentation, Visual Design
support
It’s always been said that constraints make
design easier. This project was full of road
blocks and set backs. But I actually
enjoyed this project and learned more
from this more than any other. I took a
back seat in the visual design department
and really honed my skills in user research.
MY ROLE:
TIME:BRIEF:
GOAL:
PROBLEM:

12. SURVEY THE BRAND
COMPARITIVE RESEARCH
I researched all of Yamaha’s existing applications so that I could better understand
how to best utilize their existing technology to build a better application.
We created surveys to understand people who had ever tried to
learn guitar and had failed, or who had been successful. This
helped us to generate our user interview questions
USER INTERVIEWS
I conducted an analysis of home screens, lesson screens, and
onboarding from existing guitar applications as well as those
on kickstarter, about to hit the market.
Yamaha (Corp. of USA since
1960) is a huge supporter of
musicians and education.
Through technology, specifically
through applications such as
tenori-on they are crossing the
isle to inspire or reach those that
may not be previously musically
inclined or trained.

13. To ensure that we were doing the best to MVP our application
we took to the whiteboard. There were so many things we
COULD add to the application that weren’t neccessary.
MOSCOW
DESIGN STUDIO
PERSONAS
We developed personas based on our surveys and user
interviews.

14. Usability Testing. Our global navigation, labels, and all elementa
of our application were tested.
ITERATIONS
USER TESTING

15. 1, Home logo :
links to the home
page
2. Back Button :
links to the
previous page
3. Guitar string :
fades out when it
is not strummed
4. tabs move as
chords change
5. Indicates
colors for each
fingers
6. Shows next
chord
7. Loop button :
lets users play
certain chords.
Or, play the
whole song
8. Loop Bar : lets
users choose the
area where they
want to loop
9. Status bar :
Shows you
where you are in
the song

16. General Assembly UXDI Project. Fordham Law School faces large Information
Architecture challenges, needs to address the needs of a varied audience, and needs to
feel connected to the larger University website. Redesign the IA and content strategy
around an experience for users of the website as well as the mobile responsive site.
Provide an improved user experience for
current students when it comes to
scheduling classes for current and future
semeters and showing schedules on
existing social and work calendars.
10 Days
Lead UX Designer
MY ROLE:
TIME:BRIEF:
GOAL:

17. COMPARITIVE RESEARCH
USER INTERVIEWS
“I go there for a specific thing, like checking my grades.
I’m not going to bother reading school news.”
“I read enough in Law School. I can’t be bothered
to read through everything to figure out if that’s
what I’m looking for.”
“Some of the links are repetitive.”
CONTENT AUDIT CARD SORT
It was necessary to understand the
site in its entirity to begin the
redeisgn
Held 5 open and closed card sorts152 lines to inventory every item
in Fordham Laws site

18. FLOW PRIMARY PERSONA
A primary flow, based on card sorts and content audit

19. DESIGN STUDIO
PAPER PROTOTYPES
Lo-fi early paper prototypes
Many components were considered throughout the design
processes and I had to focus on the minimum viable product. The
user needed to be able to add courses to an existing calendar.

20. USER TESTING & ITERATIONS
I have illustrated changes made throughout the design iteration
process discovered in user testing.
The 6 call to action buttons were reduced to the four reminaing.
News artices and spotlight were reduced.
A check mark as well as wording was added to denote a required
course, rather than a course being automatically added to a course
schedule based on a students students focus and year in law school.
Favoriting a course for possible integration into your schedule, or
future scheduling was moved to “the future” of the application.

21. The prototype is a redesign of the Fordham Law School website. The
homescreen, as well as the user flow of how a current student can register
for classes. The prototype was built in Axure and sketch.

22. Drearoberts@gmail.com
571.212.9185
Medium: @drearoberts
Twitter: @Drea_Roberts
Instagram: @drephix