The Yarn Pit:
A monthly delivery service for knitting packs straight to your door with cool and modern designs. I was asked to prototype a mobile app including the onboarding, navigation, product display page, and article page for the brand.
I looked at unconventional products to help give a new perspective. DIY fashion experience with projects from easy to bodysuit.
This was a concept project to give a fictional knitting subscription service a brand identity. There were no limitations, so to make this project more personal, I thought up unconventional products and considered a new perspective.
I needed to bring a fresh and hip feeling to what is regarded as a traditional craft.
I followed the double diamond design process and included a few creative thinking and branding exercises.
Researched direct competitors and knitting trends
Defined the brand values through word mind mapping
Defined the personality through brand affinities
Named the brand by researching song titles
Created mood boards for inspiration and definition
Determined an accessible color palette through testing
Created a style guide through typeface research and testing
Iterated upon designs based on feedback
Pen and paper
Able: friction-free accessibility
Coolors (color picker)
Product display page
All fonts and colors are accessible. I believe I have brought something fresh and hip to the market according to the brand values. Scroll down to see!
I used a mind-mapping exercise to think of words to describe the values. The brand values helped give direction to each decision.
Creative but fashionable
Expressive but guided
Unhurried but stimulating
Challenging but rewarding
Cool but not pretentious
I researched trends in knitting, competitors, and celebrities who have taken up knitting or have artistic hobbies.
The creative approach and colorful patterns were attention-grabbing.
The critical competitor has given knitting a younger look and added hip hop influence to the name "Kool & the Gang."
I researched celebrities who have taken up knitting or have artistic hobbies and considered what car the brand would drive.
The famous model is often found knitting backstage at fashion shows. Cara is the perfect combination of fun and cool.
Customizable and unique, the perfect representative. Unhurried but stimulating.
It's not about speed; it's about enjoying the process.
Taking a little hippie and a little hip-hop influence, I looked to song titles for naming inspiration.
(inspired by "Gravel Pit" by the Wu-Tang Clan)
I created a collection of images that felt like the brand and put them together into a few mood boards.
The blue and white cloud patterns were eye-catching and memorable. Since clouds are fun, airy, and slow-moving, it seemed right.
I started with color samples from one of the mood board images. I would learn later that the blue and orange were too light and did not have enough contrast to be accessible. They were toned down in brightness to pass the contrast test.
The bright and happy colors were appropriate with the values: creative and expressive.
The onboarding image is of a young, cool man wearing a fashionable knitted hat. Pictures of unique people wearing unconventional knitted pieces such as balaclavas are used throughout the app. These images represent a combination of cool and fun but are also creative and fashionable.
Style guide and accessibility suggestions
I drew some initial sketches to consider all of the necessary elements.
I forgot a few things and revised the low-fidelity wireframes later in Figma.
Essential navigational items were laid out. The app needed to make sense before I could work on the UI design. As the fidelity increased, so did the detail and amount of information.
V1 Lo-Fi Wireframe
V3 Hi-Fi Wireframe
V5 Final Wireframe
The onboarding page went up in fidelity quickly.
V3 Mid-Fi Wireframe
V4 Hi-Fi Wireframe
V5 Hi-Fi Wireframe
There were a lot of changes made to the Product Display Page.
The final design represents the brand's values.
Knitting has never looked so fun before!
The colors, fonts, and buttons are accessible.
After my first critique with colors, I learned that I had a lot of accessibility issues. I found this frustrating but also learned to check for this every time. In my research, I noticed a lot of websites and apps are inaccessible. It was challenging to find accessible combinations and still make them appealing.
Feel free to look around and scroll to see everything!