projects
Mobile App Prototype
‍Radiant is a learning game that encourages users to take control of their health and have fun while building a healthier life.
why it’s important:
exploring gamification
‍‍‍We got to dive into elements like progress tracking and rewards as a means to keep users coming back to our app.
advanced Figma features
‍‍‍I took initiative to learn new features like conditional statements to make our game prototype fully interactive.
View full presentation
user research
research plan
We conducted 5 user interviews to learn about our audience & sent out a survey with 20 responses to see how people consume information about health and where they get it.

analysis
We discovered several themes that were consistent among most interview and survey responses:
‍
Desire to improve personal health
Engaging and interactive
ways to learn new content
Progress tracking & rewards 
Customization
Maintaining motivation

insight statement
Anna needs to easily interact with personalized preventative care resources in a fun and engaging manner because it will benefit her future by decelerating health issues and improve her personal engagement in her health journey.

View the case study deck

user persona

Anna Reynolds

26 Year Old Marketing Coordinator from Minneapolis, MN

Outgoing | Curious | Driven | Creative
Frustrations

Needs to stay motivated longer

Is getting older

Doesn’t know where to look for information about her health

Wants an engaging way to learn about preventative healthcare

Wants & Needs

Learn more about preventative care

Become consistent with healthy habits

Learn about health in an engaging way
‍
Improve personal health & wellbeing

view figjam file

value proposition

Radiant is developing a preventative care education app that provides users with engaging, interactive elements and trustworthy information to learn more about their health and stay motivated towards lifelong healthy habits.
view figjam file
journey map
After her annual checkup with her doctor, Anna found out she has early signs of cardiovascular disease. Her doctor is recommending some lifestyle changes to help reduce her risk of complications. Anna’s friend recommended Radiant to learn more about changes she can make.
1
2
3
4
5
6
7
8
9
1
Went to the doctor for a check up
2
Doctor informed her she has early signs of cardiovascular disease
3
Doctor recommends making lifestyle changes
4
Anna is feeling down about the news
5
She talks to her friend about the news
6
Her friend recommends downloading Radiant
7
Anna downloads the Radiant app
8
She chooses to learn about cardiovascular disease prevention
9
Anna interacts with the app  & starts to feel more hopeful and positive!
user flow
We chose to focus on Anna's onboarding experience and how she would interact with one sample game in our user flow diagram. View the full diagram in our FigJam file.
view figjam file
sketches
Our team sketched all of our ideas individually then came together to discuss and choose the best elements from each of our concepts. This was very collaborative and inspirational when determining how the app looks.
view figjam file
prototypes
conclusion
View full Case study DEck
This project was a great exposure to gamification, team collaboration, communication, advanced Figma features, and project management.

I had the pleasure of working with an excellent team of young designers. I feel that our team was perfectly diversified to allow us all to play to our strengths. We were able to effectively critique each other along the way and in the end gave a great presentation on our final product.

These are things we would do differently and/or complete if given the time and resources:

Build out the app completely – add more topics and games
Have a friend leaderboard to show each others progress
Build out a reward system
Design a search & explore feature to help users find the content they want
Add more customizable features
Radiant
UI Design &
High-Fidelity Prototype
Radiant is a learning game that encourages users to take control of their health and have fun while building a healthier life.
view case study
Site Re-Design
‍Redesigning the Minnesota Hunger Initiative website will help users better navigate the site when finding volunteer opportunities and making donations.
why it’s important:
real-life organization
‍‍We got to work on a real site that exists in the world.
MN Hunger Initiative - Current Website
UI exploration
‍‍‍I had the opportunity to create and apply a style guide and learn about what elements are required for a solid UI.
View full presentation

problem statement

The Minnesota Hunger Initiative website is outdated, unrefined, and lacks information. These design flaws can be discouraging for users attempting to find information about ways to contribute.

value proposition

By implementing sophisticated and updated design elements, the Minnesota Hunger Initiative can enjoy a website that feels straightforward for prospective volunteers and helps educate individuals about the Initiative’s mission.
heuristic evaluation
One of the first steps for this project is to evaluate the site heuristics. Key findings include cluttered layouts, excessive & poor use of color, inconsistency, links & buttons do not stand out, accessibility issues and more.
view evaluation Checklist
brand design
When re-designing the organization's branding, I chose to focus on clean layouts with warm, inviting colors & imagery. Color use is selective and purposeful; directing users to the information they need and not overwhelming them with things they don’t.
view full style guide
UI components
The current site demonstrated UI components that lacked overall usability and accessibility. Refreshing elements including buttons and menus bring a much stronger sense of reputability to the organization.
view full style guide
style guide
Due to the state of the organization's current website, I chose to create a full style guide document to assist the organization in maintaining their site in the future.
view full style guide
prototype
View hi-fi
conclusion
View full Case study DEck
While the case study shown here focuses on my specific contributions to the project, I greatly enjoyed working on the entirety of this project with my group. I got to work with my team mates on conducting usability testing on the MN Hunger Initiative’s current website and was fascinated to see what some users had to say about the state of the website.

Individually, I had the opportunity to expand my graphic design skills as they apply to UI design and build the style guide entirely on my own. I am proud of how the final designs turned out and received excellent feedback from my peers and instructional team.

I also enjoyed taking my style guide and applying it to the excellent mid-fi prototypes that my group created based on sound UX research. It was a different perspective than I had experienced thus far and it allowed me to hone in on where I find my best skillsets lie.

I would love to continue refining this site redesign and continue to build out the web version, if we had more time together.


MN Hunger Initiative
UI Design & Style Guide
High-Fidelity Prototype
The Minnesota Hunger Initiative is a non-profit organization dedicated to feeding Minnesotans in need. Updating the organization’s website will attract volunteers and increase awareness of the organization’s mission.
view Case study
Mobile App Prototype
why it’s important:
all the research
‍Here, I conducted in-depth user interviews and really dug into understanding their “why.”
learning users’ needs
‍I found out, first-hand, the value in finding what users need and how to put those needs first in the design process.
just build it
‍I jumped in to refine my prototyping skills and progress through the phases of testing and iterating designs.
download presentation
user research insights
Beginning with several quantitative questions, I intentionally kept my scope wide to see what I could find.
Jack
Enjoys the novelty of travel. Values a seamless experience to focus on what matters most. Needs trip details to be easily accessible.
Allen
Travels mostly for family. Needs options for his family. Searches for the best deals. Needs to manage trip details for multiple family members.
Alissa
Meticulous planner and heavy researcher. Values customizable tools. Wants more searching features.
Matthew
Avid work traveler. Will pay for better experiences. Needs easy access to trip details and collaboration with colleagues.
View interview notes

user persona

Sarah Schneider

35 Year Old Product Manager from Seattle, WA

“I wish I could view all my family's travel information in one easy-to-read location.”
Interests

Social media
Family time
Trying new things
Local events

Personality

Health-conscious
Tech-savvy
Eco-conscious
Frequent traveler

Goals

Creating memories
Work-life balance
Local experiences
Give back to the community

Frustrations

Managing the family’s details
Dealing with last-minute changes
Traveling family can be stressful
Worried about missing experiences

view Miro Board
value proposition
I am developing a travel app to view and manage trip details to help users that struggle with keeping track of their travel plans to spend less time worrying about the details and get the most enjoyment out of their trip.
journey map
Sarah is traveling with her spouse and two children to visit her parents in Minneapolis. She often struggles keeping track of her trip details and has found journeyhub to help her. She is optimistic about using the app to improve her trip experience.
1
2
3
4
5
6
7
8
9
1
Downloaded the app before leaving
2
Added details to journeyhub
3
Airport is busy and family is late
4
Airline app not working
5
journeyhub alerted to a gate change
6
journeyhub saved the boarding passes
7
Flight arrived late
8
Checked journeyhub and easily made adjustments
9
Family is back on schedule and having fun
user flow
I wanted to explore the onboarding process in more depth with this project and chose to include an optional set of screens that gives the user an idea of what the app is for and its core functionalities before signing up for an account.
sketches
prototypes
conclusion
DOwnload full Case study DEck
I don't think I've ever learned as much in one project as I did with this. As my first project completed for my UX/UI Bootcamp, this was my first exposure to UX Research & Design. Having done some UI work in the past, getting to understand the UX behind it was very insightful and gave me a great picture of the process behind developing an app.

While this project only lasted 4 weeks, I felt like it was nowhere near enough time to accomplish the lofty goals I had for this concept.

If I had all the time in the world, I would want to further expand on the trip dashboard and explore including group travel into it.

The feedback I received on the app's concept was very positive and there was a lot of interest in seeing the app come to life. My instructional staff and peers had great things to say about my ahead-of-the curve prototyping skills and ability to present my materials in a refined fashion.

Overall, I grew very attached to this project and hope to re-visit it one day.

Review all previously mentioned materials and much more in the full case study.
journeyhub
UX Research & Design
Mid-Fidelity Prototype
Journeyhub is a time management app that keeps track of travel details and presents them in a clean and easy-to-digest fashion.
view case study
Mobile App Prototype
‍HobbyHub is a space for hobbyists to unburden themselves of unused materials and find wanted items in a barter-type system.
why it’s important:
exploring more complex flows
‍‍We chose to refine our user flow and ensure the absence of any pain points or dead ends.
stick to the basics
‍‍‍This project does not progress beyond a low-fidelity prototype due to time constraints. This allowed us to focus more on creating a product with a sound experience before touching any major UI design elements.
View full presentation
user research
We utilized quantitative interviews & a survey to research the concept validity & see what users need from the concept.
hypothesis
Users that either actively pursue or have the desire to pursue hobbies will show interest in an exchange app and likely express reservations or lack of understanding in the general operating model. Users will want to understand the model and how it can benefit them.

objectives
Understand user's general thoughts and feelings surrounding hobbies and projects.
‍
Understand if an app like this is frequently used.
‍
Understand users' attitudes toward trading items instead of buying them.
‍
Locate any user concerns.

insight statement
Hobbyists of all levels need a way to enjoy their hobby more often and explore new ones because they struggle to find easy and safe access to affordable and quality materials.

View the case study deck

problem statement

A large majority of users experience challenges in finding affordable and quality materials for their hobbies.

How might we create a space that provides safe and easy access to no-cost resources for hobbyists to explore new activities and ultimately improve their daily lives?
view Miro Board
Emma preparing floral arrangements

user persona

Emma Wright

29 Year Old Non-Profit Coordinator from Minneapolis, MN

“I love the idea of being able to shop around for hobbies I didn't even know I wanted to try.”
Frustrations

Worried about safety when meeting a stranger
Weighing the financial cost of buying items at a store against the time spent coordinating meet up 
Doesn’t want to use low quality or damaged supplies
Uneasy about people misrepresenting their items

Wants & Needs

Learn a new craft and build confidence
Save money doing her own wedding decor while trying something fun & new
Not be wasteful

view Miro Board
journey map
With her wedding coming up, Emma has been searching for DIY supplies online. A friend told her about HobbyHub and she has decided to check it out and look for some floral arrangement supplies.
1
2
3
4
5
6
7
8
1
Emma downloads the app and is optimistic about finding good items.
2
Sign-up process was simple and she is delighted to see that no payment method is required.
3
She searches for floral arrangement and is happy to see useful filters.
4
The search turned up with a handful of good options in her area, she chooses her favorite listing.
5
She finds credits are required and is confused about how to get them.
6
The app offers her a starter bundle of credits to get started trading and re-gains excitement.
7
She sets up her trade and is apprehensive but still excited.
8
The app has safety tips and helps her make a safe trade. She makes the trade and goes home happy.
user flow
We chose to focus on the user's experience when searching for items by using a search function and "explore" flows to narrow in on groups of items by type, function, etc. View the full flow and previous iterations in Miro.
view Miro Board
sketches
Our team sketched all of our ideas individually then came together to discuss and choose the best elements from each of our concepts. This was very collaborative and inspirational when determining how the app looks.
view Miro Board
prototypes
conclusion
View full Case study DEck
Concepting and building the HobbyHub app was my first exposure to UX design within a group setting. I had a fantastic group to work with and feel that we collaborated really well on all aspects of our final product.

I was personally, very excited about the concept for this app and would really love to finish it out and dig deeper into the UI aspects and higher-fidelity prototypes. I learned so much in building this prototype and enjoyed the opportunity to share it with the class.

Our group presentation went perfectly, and we received all-around positive feedback on our project and presentation as a whole.
HobbyHub
UX Research & Design
Low-Fidelity Prototype
HobbyHub is a space for hobbyists to unburden themselves of unused materials and find wanted items in a barter-based system.
view case study
coming soon
mini projects
Bite-sized challenges to flex my design muscles and dig deeper into specific components of UX & UI design.
project title
subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
project title
subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
project title
subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
graphic design
Design and aesthetics have always been focal points of my life. Good design can evoke feelings of joy, calm, happiness, energy and so much more. These projects are from my contributions as a graphic designer.
Sweet Lou's:
Logo Design
Sweet Lou's is an up and coming craft sausage & butchery in the Twin Cities area. As part of their request for a fresh website, a new logo and brand identity were necessary coming up on busy food truck & catering season.

The focus of the new logo is on the saucy hand-drawn type and classic mouth-watering color to emphasize the nature of Sweet Lou's menu.
Currents 2022:
Literary Magazine
A collaboration with the STLCC English department, our class was tasked with the design and layout of the annual literary magazine.

I selected a very emotional poem with many layers of thought and my design choices were centered around the idea of being able to relate to the content.

I also put forward a cover design, although it was not chosen as the final image, I am still proud of the design.

As a participant in the Art Direction Team, I helped to compile the many stories that were designed by our classmates and make executive decisions in the document layout.
Weather App:
User Interface
Pictured here is a weather app interface designed with typography in mind. This app is catered to those that want the weather basics presented in a beautiful and bright fashion.
GreenTree Festival:
New Identity
The GreenTree Festival is a local weekend of community festivities. The festival committee desired a new identity for the 2022 season.

I chose to go with a vintage-inspired aesthetic to complement the “cartoon caravan” theme for the year. Hand-drawn illustrations pay tribute to some of the many notable events that delight the crowds of Kirkwood, Missouri.

The type was designed as a template for future years to be adorned with characteristics of the new theme.
Designer Poster:
Lecture Series
Completed during Graphic Design 1 in my first semester of design education, these posters depict a series of hypothetical lectures by famed graphic designer, Michael Bierut. The goal of the poster series was to utilize his style as inspiration for my own designs.
Animated Tattoo:
AR Experience
As my favorite project, this process gives a new life to a black-only tattoo of my own. Using Augmented Reality (AR) Software, I was able to animate the artwork upon viewing on a mobile device.
St. Francois County:
Seal Re-Design
The County of St. Francois, Missouri was in need of a new seal to represent the evolving nature of the area. Having made its presence known in national news media, this presented an excellent design challenge. The area is rich in mining history, and boasts beautiful landscapes from rolling hills to winding rivers. The new mark features hand-lettered type, and elements that can be easily integrated into a larger branding effort.

how can I help you?

cassandramfulton@gmail.com