A behind-the-scenes look at how this website came to be
THIS CASE STUDY IS ABOUT:
The documentation I created that allowed me to design this online space that showcases my work and thought process
THIS CASE STUDY AIMS TO:
Explain how I self-managed and worked through different design disciplines to deliver a thoughtful online experience
this case study will cover:
Project Background
Get some context behind the project
Context
Background
Before jumping into a new iteration of my portfolio, I decided to document the iterative process of updating my online space. This documentation holds the insights I needed to consider while creating this online space. These user-centric insights helped me narrow down what content, visuals, and interactions I need to implement to create a simple yet impactful online portfolio.
Deliverables
UX Strategy
Brand Strategy
Content Strategy
Design System
The Team
Self-initiated project
Setting the foundation
Outlining the goals before designing
Should help the users gauge if this designer is the right fit for me to
work with
Should give users a thorough breakdown of how this designer brings value through critical thinking and visual design
Should give clearly showcase not only my design decision but explain my the why behind my decisions
Can I create a compelling and simple-to-digest online experience that showcases my work, thinking, and personality?
Created a series of documents: UX Strategy, Content Strategy, Brand Strategy, Design System, to help me better tailor this experience.
Key Elements of the Design
↓ Clear and minimal type hierarchy that provides an easy reading experience and allows simple scanning
↓ Usage of visual elements like lines and rounded corner rectangles that help contextually divide the content of the case study
↓ Simple copywriting allows users to quickly get the context that paints the whole picture of the story
Process Overview
Steps taken to solve the ask
Held a brainstorm session with another talented designer
Why did you take this step?
To establish and an accountability partner and to idea a framework for how to develop our portfolios
Outlined who would be viewing my website and their specific needs
Why did you take this step?
To make sure I had parameters to which base on any design and content decision
Prioritize all goals and placed them on a single page
Why did you take this step?
To serve as a guide when writing down content and making visuals
Wrote copy guidelines
Why did you take this step?
To ensure simple and consistent content throughout each page
Made a series of documents jotting down my values, story, and purpose
Why did you take this step?
To serve as a foundation in which to build my visual brand elements
Created low-fidelity wireframes in Figma
Why did you take this step?
To ensure I met all goals I had previously outlined
Project Outcomes
Some of the learning lessons I’m taking from this project–
Practice using empathy and kindness with yourself—you are not getting much out for that harsh self-criticism.
Leave perfection behind—seek progress over perfection.
Be realistic in setting expectations with yourself; don’t overcommit yourself if you don’t have the capacity for it.
Creating for a positive impact.