This is my carefully curated portfolio. Enjoy!

1. HELLO !
SandraChalupnicek
UX DESIGN PORTFOLIO

2. My transition from being an Interior Designer to a UX Designer has been an exciting
journey that began after taking a 7 day course through CareerFoundry that initially drew
me in by the headline, “Are you curious about Human Behaviour, creative and empathetic?
This lead to me to take the full UX Design Course where the course structure is built to
teach you skills that employers are actually looking for, instead of overwhelming you with
information that isn’t necessary. I created real-world projects throughout the course. This
meant solving problems by identifying the user problem that I am designing for, build
empathy for the target user, carry out polls and surveys and create problem statements.
My goal was to design environments and experiences that were meaningful. Many of my
skills as an Interior Designer were transferrable such as identifying pain points, problem
solving, innovation, and creativity.
MY JOURNEY

3. WHAT I DO
As a multidisciplinary UX Designer (generalist) I integrate creative knowledge with technical
and business expertise. Being a critical thinker with a strong understanding and ability to
perceive human behaviour enables me to find solutions that are useful.
What I can promise as a Designer is a problem solving design, which meets the customer’s
needs without losing sight of business goals.
I practice Lean UX and am able to work in Agile teams. I understand the value of
collaboration and am also a good communicator. possess a good attitude, accountability,
reliability, goal alignment and complementary skill sets, which are all necessary traits to
equip me to handle any challenge.

4. EXPERIENCE
I have successfully built 2 Responsive Apps with a mobile first approach ready for production. I
was also a mentee at the Chic Geek Mentorship program where I successfully created a user
interface as part of a case study for the City of Calgary Emergency Events.
The experience I garnered from being an Interior Designer has been a great asset to
understanding my user. Such as identifying pain points, asking the right questions, empathy,
innovation and creativity.

5. MY PROCESS
01 Learn. Gain knowledge of users, context, technologies,
gather user data, research competitive products, conduct
interviews. 02 Explore. Build user profiles on gathered
data, produce materials that will aid the outlining of the
project, site maps, content inventories, screen flows,
navigation models, task flows, user journeys, scenarios.
03 Select. Evaluate, test, and select wireframe concepts
for prototype development. 04 Develop. Create design
specifications and evolve concept/wireframes into full
design solution. 05 Refine. Evaluate design with
stakeholders to obtain feedback and conduct usability
testing. 06 Deliver. Complete design and produce
deliverables.
01
02
04
05 03

6. PROJECTS
01
02
03
Taskly Task Management App Responsive App with mobile first approach.
FFF
Enterprise UI Case Study - Chic Geek Mentorship Program (Mentee)
Fitness Responsive App with mobile first.

7. Competitive Analysis
User Surveys and Interviews
Date: November 2017
CHALLENGE
WHAT I DID
Platform: Desktop, Mobile, Tablet
Focus: UX Design
Taskly
Current apps tend to be overstuffed with features making them an
additional chore to understand. Create a task management app
that was easy to use yet meet all the users needs. Find out who my
users are, what they’re currently using, how they would like to use
it and what they would use it for. Taking all of the qualitative and
quantitative data to build a production ready app in a short period
of time that was useful, usable and delightful.
Personas
Customer Experience Map
Creating user journeys and maps
Creating site maps
Content audit and inventory
Low fidelity prototypes
User testing with low fidelity prototypes
Conducting usability test
Wireframes
Lean UX
UI Kit
A/B Testing
Click Testing
Google Analytics
AARRR
Setting goals and objectives

8. Before I ventured into the designing of Taskly, I needed to understand who my competitors
were, and where they fall short in order to design something useful and create an edge in
the marketplace.
COMPETITIVE ANALYSIS

9. SETTING GOALS AND OBJECTIVES
Using the SMART framework all goals have been mapped out to achieve success for users
and stakeholders
Goal 1. Easily sign up for a free trial package
Based on the MVP, the user interviews and surveys and the feedback collected, goals and
objectives will be determined. The competitor analysis will also help me determine what
features are necessary and any additional needed.
STAKEHOLDER’S GOALSGoal 2. Integrate with LinkedIn
Goal 3. Use on any device

10. Preliminary competitor research led to the formation of the hypothesis
that users of projects needed to control the flow of information. Existing
solutions had some tools to do this, but could be improved upon. To test
this hypothesis, a survey was created. Upon conducting a survey with
users who are already using some sort of task management software the
information revealed that 78% of people needed less distraction, 60%
needed a task management app, Task labeling and Calendar 38%, Google
Integration 8%, Manage notification 18%, Notifications via email 9%. Also,
the demographics for the persona creation was also determined at
between 25 - 35 years old with 58%. With these surveys I garnered
valuable quantitative data to create core features and develop the MVP.
SURVEYSUSER SURVEYS AND INTERVIEWS
Quantitative
Data
Qualitative
Data
Interviewing users of Taskly helped attain valuable insights and confirm
assumptions about my potential target audience. This helped me validate
what core features to keep and to discard and also more features that
could be added. The qualitative data received was invaluable in the
formation of key features.

11. PERSONAS
The Personas were created from qualitative and quantitative data
received. They tell the story of who the users are and how they
will be using “Taskly.” Along with demographics it helps define:
Calendar on any device with due
dates, set notifications of upcoming
due dates, Prioritize work from
social activities with a symbol
How can Taskly help?
- Create to do lists with due dates
- Have an end date for projects and alerts
- Create a priority scale for various tasks
- Timers for focusing
- Less stress
- Finish projects
- Prioritize social life
- Meet deadlines
- Need project alert with due date
- Stay focused on one task at a time
- Schedule social time vs. work
- Prioritizing activities
Art Student
Tracy Gender: Female
Age: 25
Education: Bachelor of Fine Arts
Status: Single
Location: Vancouver, BC
Physical: Home, art studio, travelling
Social: Art board director, blogger, friends
Technological: 3D printing, digital, photography
TasksDemographics
Environment
Challenges
Goals
“I really love socializing
but it’s hindering me
from completing my
tasks.”
Personality
Introvert Extrovert
Sensing Intuition
Thinking Feeling
somet
hing
Judging Perceiving
Track tasks and set due dates;
communication with team, file
sharing, everyone is on task so no
more “bad guy.”
How can Taskly help?
- Create to do lists with due dates
- Have an end date for projects and alerts
- Create a priority scale for various tasks
- Timers for focusing
- Spend more time with family.
- Less travel for work.
- No stress from work at home.
- In control of team/individual tasks.
- Not knowing what my team is working on.
- Keeping people on task.
- Communication with team of their progress.
- Always being the “bad guy.”
Marketing Director
Christa Gender: Female
Age: 41
Education: MBA
Status: Married with children
Location: Toronto, ON
Physical: Office, home, team meetings
Social: Family, friends, children
Technological: Microsoft, Kayak, Multi devices
TasksDemographics
Environment
Challenges
Goals
“I like things done
perfectly”
Personality
Introvert
Sensing
Thinking
Judging
Extrovert
Intuition
Feeling
somet
hing
Perceiving
Dashboard will let you know what is
on for today and upcoming. Team
messaging.
How can Taskly help?
- Bring order out of Chaos
- Communicate with team
- Check off completed tasks
- See all projects and tasks
- Work smarter not harder
- Work/Life Balance
- Prioritize social life
- Travel more
- Not knowing when tasks are completed
- Large workload means less socializing
- Knowledge of upcoming tasks
- Developers not on same page
Web Designer
Vern Gender: Female
Age: 34
Education: Technical School
Status: Single
Location: Calgary, AB
Physical: Home, Home office, travelling
Social: Board gamer, fashion, friends
Technological: Wordpress, dribble, Slack
TasksDemographics
Environment
Challenges
Goals
“My life is becoming
too chaotic”
Personality
Introvert Extrovert
Sensing Intuition
Thinking Feeling
somet
hing
Judging Perceiving
Who are they?
How do they find information?
Main goals/What do they want?
Pain Points
Motivation

12. Where are
all my
tasks?Is he/she
on task?
A
I need to
add a file
to share
What’s
new
today?
How much
time is left
to finish?
Browse
Create
Account
& Login
Sign up
for free
trial
Is he/she
on task?
Add Task
Dashboard
Share
notes and
files
CalendarDue Date
Direct Connections
Goal Statement: “Assign Tasks to my team”
Idea:
“I need a Task
Management
App!”
Initial Investigation:
“I want something that will
meet my organizations task
management needs.”
Decide:
“I have so many
questions”
Add Content:
“Everything I need
is at my fingertips.”
List view or
Dashboard
Who’s
assigned to
that task? Is the task
almost
completed?
Tasks will
show
assignees
Alerts
Review
Forum
!
Potential
barriers
with
navigation
A: Users will
receive a link via
sms to login
B: This reveals that the
user has a number of
queries in the Complex
Evaluations
B Complex Evaluations C Controlled Evaluations
C: The result of the controlled
evaluation allows us to organize the
system in a way that is functionally
meaningful to the user
Review:
Follow up with
user help line
and review for
improvements
CUSTOMER EXPERIENCE MAP

13. CUSTOMER JOURNEY MAP
This gives a clear picture of where the user comes from and what they are trying to achieve.
Ineed
a
system
to
organize
m
y
tasks,
w
hatIhave
now
isn’tw
orking
rather
it’scausingstress
So
farTasklyism
eetingallm
yexpectations
I’m
a
little
nervousabouthow
m
y
team
w
illm
anage
Taskly
Ireallyhope
m
yteam
stayson
task
I’m
notsure
how
to
assign
atask
Ilike
thatw
e
can
com
m
unicate
w
ith
each
other
The
tutorialsm
ake
itso
m
uch
easier
Everythingintegratesw
ith
m
yGoogle
Calendar!
Assigning
tasks
and
setting
a
date
of
com
pletion
issuch
arelief
Thislooksreallyeasyto
use
and
elegant
Signingup
isreallyeasy
I’m
really
excited
to
startusing
Taskly
atw
ork
and
personally.M
yteam
w
illbe
productive!

14. CARD SORTING AND INFORMATION ARCHITECTURE
Describe your experience
through the process of card
sorting.
Some cards could be used in
multiple ways eg. “Prioritization”
could be used while adding a
task but aslo to filter existing
tasks. Cards like “Sign In” need
more of an explanation.
Terry - Web Designer
INFORMATION ARCHITECTURE
How would you describe
your experience during
this process?
Since I use a task management
app at my agency I found it easy
to sort the cards as I would want
them.
Christa - Marketing Director
Tracy - Art Student
Describe your experience with the card
sorting.
I was very inspired by the thought put into
all the features and would use them all to
organize my life.

15. SITEMAP
This initial sitemap will help to validate assumptions
about the scope and complexity of the end product and
understand feature requirements.
This will help me to visualize the bigger picture and
amount of design required for this project. The
relationships between the pages and content is visually
laid out.
This initial sitemap will help to validate assumptions
about the scope and complexity of the end product and
understand feature requirements.
This will help me to visualize the bigger picture and
amount of design required for this project. The
relationships between the pages and content is visually
laid out.

16. CONTENT AUDIT
With the content audit conducted
on the Asana and Basecamp task
management app, it helped to
discover all the necessary content
to the design of a successful task
management app. This step is
important to understanding the
hierarchy of a website. For the
redesign of any website this
process is necessary and will yield
great insights for a redesign.

17. LOW FIDELITY PROTOTYPES

18. LOW FIDELITY PROTOTYPES

19. USER TESTING WITH LOW FIDELITY PROTOTYPES
The research revealed areas that users
wanted to see changes and will keep them
in mind as well as the MVP.
Paper Prototype testing enabled me to
determine pain points for my users cost
effectively. With my findings I was able to
iterate my design.

20. CONDUCTING USABILITY TESTS
In order to make good decisions about both design and implementation you need data about how people use designs, and the
only way of gathering this data is through usability testing. My users tested the interactive prototypes with InVision app which
helped me to identify pain points and issues with the design.

21. WIREFRAMES
A wireframe specifically
focuses on space allocation
and prioritization of content,
functionalities available, and
intended behaviours, it allows
y o u t o d e t e r m i n e t h e
information hierarchy of the
design while making it easier
to plan out the content and
user experience

22. LEAN UX
Hello to everybody of the Taskly-team,
This image came to mind when thinking on UX. It well explains why it ́s so important for us to work with the lean
UX process for Taskly.
This artwork was created by the American Artist Allan, Wexler from the early 90 ́s, named “Coffee Seeks Its Own
Level” :
In his performance he choreographs group and project dynamics.
If one person alone lifts his cup, coffee overflows the other three cups. All four people need to coordinate their
actions and lift simultaneously. It is exactly the same with Lean UX!
Let ́s see why:
1) Early involvement of Users > direct and quick feedback
2) Collaboration and workflow optimization > get all involved onboard
3) Not my desires but the users > develop User-centric features
4) Deliverables are not end goals > focus on results and realistic
goals
5) Clean-up > reduce elements you don ́t need for your product
6) Fail early and often > test and test until you find the best like lifting
your cups together
7) Choose the right tools > just use the tools needed to do the job
effectively.
For our taskly app it is essential to work in this kind of Lean UX iteration
circle as we can test and solve problems immediately. While all involved peers and parties will be up-to-date –
we ́ll be able to react and give e.g. developers a chance to view and review the designs.
It is important that all involved parties have a good understanding of the project progress – this makes them
work more effective due to less steps and packages. Finally we can save time, resources, money and: we can find
out the best features for our target group in the early stages.
It could be that some of our team members will need some time to adopt to this agile workflow – we have to
keep them on track with coordination and support.
Finally it is to say that working lean is faster, more flexible and saves time and money.

23. Taskly
UI KIT

24. A/B TESTING
With Usability Hub I was able to collect quantitative data.

25. CLICK TESTING
Navigation will affect the success of the website and getting the first click right is crucial. Click tests are a great way to ensure the structure and navigation of your design is as
user-friendly as possible.

26. GOOGLE ANALYTICS
Navigation will affect the success of the website and getting the first click right is crucial. Click tests are a great way to ensure the structure and navigation of your design is as
user-friendly as possible.

27. AARRR
I applied the AARRR growth model to the user experience to improve website design and better meet business goals based on web analytics.
Conversion Metrics Customer Lifecycle

28. Persona
Sketches
Date: July 2018
CHALLENGE
WHAT I DID
Platform: Desktop, Mobile, Tablet
Focus: UI Design
Create a responsive fitness app that is easy to use and motivates the user into an
exercise routine according to their level, schedule, and interests. This means fitting
in as little as a 5-minute routine. The people using the app are new or returning to
a fitness regime. The goal is to enable users to access their fitness app anywhere,
for everyday use, whether at work or home, and last but not least, make it fun.
Branding
Paper Prototypes
User Testing
User Flow
Mood Board
Colours
Wireframes
Breakpoints
Style Guide
Animation
Mockups
User Stories
FFF

29. PERSONA

30. USER STORIES
As a new user, I want to learn about different exercises, so that I can figure out what is best for me.
● As a new user, I want to be shown how the exercises are done, so that I know I’m doing them correctly.
● As a frequent user, I want to be able to schedule exercises for working out, so that I build positive habits.
● As a frequent user, I want to be able to earn achievements or rewards, so that I can stay motivated.
● As a frequent user, I want to complete daily challenges, so that I can have an additional way to stay motivated.
● As a frequent user, I want to track progression and record what I’ve done, so that I can see my progress over time.
● As a frequent user, I want to be able to share routines with my friends who may also be interested, so that I can encourage them to become healthier.

31. SKETCHES

32. BRANDINGBRANDING
The branding direction for this app, “Exercise is something anyone can pick up, find a workout they love, and fit it into their daily schedule,” is what motivated
me to choose this as my project. I wanted the challenge of finding a solution for my user that was quick, clean and easy amidst the business of life.
My User:
Learn different exercises and find the best one for me
Show me how to do them
Schedule exercises
Earn rewards
Complete Daily Challenges
Track Progression
Share routines with friends

33. PAPER PROTOTYPES
Created low fidelity prototypes for user testing

34. USER TESTING
Results of User Testing

35. USER FLOW DIAGRAM

36. MOODBOARD

37. COLORS

38. WIREFRAMES
scroll

39. BREAKPOINTS

40. STYLE GUIDE

41. ANIMATION
see shared Google folder for GIFs

42. MOCKUPS

43. Mentorship Program
Persona
Date: June 2018
CHALLENGE
WHAT I DID
Platform: Desktop, Mobile, Tablet
Focus: UX/UI Design
Come up with an easy to use interface for the current users who were finding it
difficult to navigate. Without doing any user testing or interviews I had to go by the
information provided. My mentor wanted me to experience real world scenarios
and how to solve their issues. I learned that by asking the right questions and
listening (in this case reading them) to the pain points I was able to create
something that would be useful, usable and delightful.
Sketches
User flow diagram
Wireframe
Menu option 1
Menu option 2
Dashboard 1
Dashboard 2
Objective for Agency Users
Modal
Duty Logs
Duty Logs Form

44. PERSONAS

45. SKETCHES

46. Command Staff
Login
Dashboard
Objectives NotificationsCreate New EventDuty LogsAgency
Create NewCreate New/
Editable
Search all logsSearch all Agency
users
Add/Delete Agency
Create New/
Editable
View/Send
Notifications
Add
Attachments
Save/Cancel/
Delete
Save/Cancel/
Delete
Save/Cancel/
Delete
Start/Completion
Date - Editable
Start/Completion
Date - Editable
Assign to
Agency
Progress BarProgress Bar Update
Add Attachments/
Editable
Add Attachments/
Editable
USER FLOW DIAGRAM

47. WIREFRAMES

48. MENU OPTION 1

49. MENU OPTION 2

50. DASHBOARD 1

51. DASHBOARD 2

52. OBJECTIVES FOR AGENCY USERS
Objectives Dashboard has all current
objectives for the users to see and edit

53. EMPLOY MODAL
User is able to edit all task details

54. DUTY LOGS
Agency is able to see all Logs on their
dashboard and is able to edit or create a
new log
Click button
to add new
Duty Log

55. DUTY LOGS FORM
Agency is able to see all Logs on their
dashboard and is able to edit or create a
new log
This form is for the Agency user to fill in
and will impact their objective progress