House2Home: Simplifying Home Decorating with Curated Starter Kits
My Role: UX/UI Designer
|
Project Type: Design sprint project at Springboard
July 2023
|
Duration: 1 Week
House2Home is a user-friendly application designed to help individuals transform their living spaces effortlessly. By offering curated starter kits tailored to different aesthetics, budgets, and room types, House2Home simplifies the home decorating process for both beginners and experienced decorators.
Ecommerce Website
|
Project Background & Problem
The deeper I got into JiuJitsu, the more I realized something was missing off the mat. While I love the training, friendships, and personal growth. I also struggles with injuries, schedule conflicts, and feeling disconnected. These highs and lows inspired me to design an app that supports every part of the journey—helping practitioners stay motivated, connected, and consistent.
The Problem
Despite it being a global sport, Brazilian Jiujitsu lacks a modern digital hub, Most learning happens through scattered platforms like YouTube, Reddit, and Instagram, making it hard to stay organized or engaged. The community feels fragmented, with few tools to support connection, learning, and growth. Oss Mobile aims to fill that gap—bringing practitioners together in one space to train smarter, recover better, and build lasting connections.
|
Research & Discovery
I conducted 9 interviews (7 males, 2 females), including practitioners at all skill levels and non practitioners. This mix helped me understand a wide range of goals, frustrations, and motivations—especially what might help beginners feel welcome or support competitors in training. I then used these user interviews to create affinity mapping, empathy maps, and personas. These eventually led to creating red routes and user flows to showcase the user journey through the application.
User Interviews
How they track or document their training.
(e.g., journals, mental recall, not tracking at all)
Challenges in both digital and physical learning environments.
(e.g., inconsistent tutorials, injury recovery, lack of structure)
How they engage with each other in the BJJ community.
(e.g., group chats, gym events, open mats, or lack thereof)
How they manage their health and training routines.
(e.g., balancing injuries, time, recovery, and lifestyle)
Affinity Mapping
Click on the affinity map to access the full map on Mural.
After collecting extensive research data, I conducted a thorough affinity mapping exercise to identify patterns and generate insights. I gathered the information and key insights from the user interviews and created 120+ observation noted from the research and clustered them into six categories:
Learning/Training:
Users rely on scattered sources like YouTube or friends, with no clear structure for progression.
Many struggle to remember techniques without proper documentation or a place to track their learning.
Practitioners feel frustrated by inconsistent instruction between schools or instructors.
Empathy Map
After organizing my user interviews into an affinity map to better understand the functional and behavioral pattern of users, I move onto creating an empathy map. While the affinity map helped me identify what users are doing—such as their learning habits, community, frustrations, and scheduling challenges—the empathy map allowed me to dive deeper into their thoughts, feelings, motivations, and emotional pain points. The combination of both the affinity map and empathy map allows me to dig further into the mind of the user and give me a clearer picture of the technical struggles and emotional realities of Jiu-Jitsu practitioners.
Think:
Likes the aggressiveness of the sport.
Hard to find good schools/partners.
Likes the discipline associated with the sport.
Does:
Watching others train
Looks up moves on Reddit and YouTube.
Training and learning with friends.
Feel:
Worried about injuries.
Feels that it is more than just a sport
Loves the competitiveness.
Brazilian JiuJitsu takes a lot of time.
Pain:
Often gets injured from the sport.
Not enough time.
Training and learning with friends.
Too far from nearest good training center.
Can’t find the right partners.
Not good with technology.
Gain:
Can find more partners.
Learn more moves and get better.
Learn other life skills from the sport.
Become more disciplined and patient.
Says:
“I feel more alive when I go against someone and completely dominate them.”
“I like learning new moves and trying to improve myself and increasing my move set.”
“I wish there were some more people a little more advance and the other purple belt is pretty old too.”
“I would like it if there was a good school right next to me where I can drop in anytime I would like. That way I can learn with great coaches and people, without spending much time on travel.”
Personas
After conducting our affinity map and empathy map, we create user personas that would most represent what kind of users we will have. I created a female persona Maria Garcia, a hobbyist, mostly training for health and self defense. I also created John Smith, another hobbyist that plans on eventually competing. We wanted to create a persona that is geared towards hobbyist as well as women. We also wanted to create a persona for a competitor that might need certain features that will help them progress in their journey.
Maria Garcia
“I am always on the move and doing things for others. I wish I had more free time to do things I enjoy.”
Age: 35
Work: Nurse
Family: Husband and 2 kids
Location: New York
Education: Bachelors Degree
Bio
Maria Garcia Is a mother of two. She works as a nurse during the day. When she is not working, she is often with her family. She enjoys learning new things and does JuJitsu for self defense and to release stress.
Goals
Wants to learn as much as she can in BJJ.
Be able to use these moves in self defense.
Achieve her weight loss goal.
Frustrations
Too many responsibilities, not enough free time.
Not enough training partners.
Long tiring hours at work.
Personality
Introvert
Extrovert
Intuitive
Analytical
Cautious
Adventerous
Passive
Active
Preferred Channels
Social Media
Mobile
Computer
John Smith
“I may not be the best but I will always try my hardest and there will always be room for improvement.”
Age: 30
Work: Software Engineer
Family: Wife and 1 kid
Location: New York
Education: Bachelors Degree
Bio
James Smith enjoys watching sports with friends and he also enjoys physical activities. During the day he works at home and he trains whenever he can. He did wrestling in high school. He plans on eventually competing, but is just learning right now.
Goals
Train enough to compete in the future.
Get a job promotion soon.
Become a black belt in Jiu-Jitsu.
Frustrations
Not enough time to train sometimes.
Same old routine, wants to try something new.
Sport is getting a little expensive.
Personality
Introvert
Extrovert
Intuitive
Analytical
Cautious
Adventerous
Passive
Active
Preferred Channels
Social Media
Mobile
Computer
User Flows
After the personas, I moved onto the user flows and red routes. These give me an idea of the journey that users will take to achieve their goal when using the application. Below are examples of 3 important red routes that most users will take. We have the gym locator red route, learning user flow where users can find a plethora of options to choose from to improve their game. The last one is getting competition ready, whether it is learning more moves, getting practice, or even recovery, it is whatever steps they will need to take to make sure they can perform at the highest level.
Competitive Analysis
When I did my competitive analysis, I realized that there were no central hub for Jiu-Jitsu and everything seemed to be on aggregated sites such as YouTube And Reddit. In our competitive analysis, I checked the most popular applications used for Jiu-Jitsu, which was YouTube, Reddit, BJJFanatics, and Jiujitsu Five-O. I ran SWOT analysis for each platform and application. I also found out that Jiujitsu Five-O was an application that most fit the vision for Oss Mobile and was the competitor that was most likely similar to Oss Mobile, but least known in terms of popularity.
Strengths:
Large variety of memes, news, and other topics.
Large community with almost 800,000 members and counting.
Weaknesses:
Community-driven content that is mostly uploaded by members.
Not much structure; all types of content are included.
Opportunities:
Introduce structured learning threads and expert Q&A sessions.
Create official BJJ community forums with verified content.
Threats:
Unregulated user-generated content can lead to misinformation.
Engagement can be unpredictable and dependent on trending topics.
YouTube
Strengths:
Large collection of videos, both long and short form
Users can learn almost all the moves from videos
Weaknesses:
Not much organization; skill level in videos varies drastically
Too much information can be overwhelming
Opportunities:
Develop curated learning playlists for different skill levels.
Offer instructor-led live training sessions.
Threats:
Oversaturation of content can overwhelm new learners.
No community-building features beyond comments.
BJJFanatics
Strengths:
Large library of tutorials taught by professionals
Downloadable videos for offline viewing
Weaknesses:
Tutorials need to be purchased individually
Not very organized, mostly categorized by tags
Opportunities:
Introduce subscription-based model with structured learning paths.
Enhance search functionality for better organization.
Threats:
High cost of individual video purchases can deter users.
Lack of interactivity compared to live training or coaching.
Jiujitsu Five-O
Strengths:
Helpful for workouts, mobility, and health
Simple design that is well-organized
Weaknesses:
Some parts require an external application
Feels incomplete due to paywalls restricting access
Opportunities:
Expand beyond fitness to include comprehensive BJJ training.
Integrate with wearable devices for fitness tracking.
Threats:
Paywall limits user access to valuable content.
Lacks a dedicated technique learning section.
|
Design Phase
Design Strategy Development
In the first step of the design process, I start with the design strategy development where I figure out what design principles I would like to include, based on the research insights.
Teaching in Real Situations: Techniques should be practiced with real training scenarios, not just in isolation, to improve understanding and application of the moves and techniques.
Keeping it Simple, Then Going Deeper: Layered difficulty for users. They will be introduced to more advanced techniques the further they are in their journey
All-in-One Experience: Combine learning, health tracking, and community in one application, so users don't have to switch between platforms.
Easy to Use While Training: Design the application with the idea of it being quick and simple enough to use during practice—so users cab stay focused and not get too distracted.
I also defined a couple key metrics for success:
Task completion efficiency for core user journeys.
Learning pathway clarity.
Feature discoverability.
User satisfaction with information architecture.
Low Fidelity Wireframes
After deciding what to do and create after running a design strategy, I wanted to create low fidelity screens for each possible red route. Below I have included low fidelity wireframes for three important red routes—prepping for competition, increasing knowledge of moves, and making new friends.
Prepping for Competition
Users have access to a competitive page where they have a more detailed application that caters more towards their needs. There is a page dedicated to signing up for upcoming tournaments. There are also pages for booking appointments with one-on-one calls with doctors and coaches.
Competition Page
Competition List
Doctor List
One-on-one Coaching
Increasing Move Knowledge
Users have access to a plethora of aid for helping them learn and understand new moves. There is a moves list where users can find tutorials on all chokes and submissions. There is also a one-on-one coaching session where users can video chat with coaches to see how they can improve. There is also a fight analysis where users can watch analyzation and breakdowns of previous fights with the community.
Competitive Homepage
Move List
Armbars
Fight Analyzation
Making New Friends
When creating the low fidelity wireframes for the community aspect, I wanted top create an application where users can just hop on and instantly communicate with peers or even make new friends. To do this we implemented a "Training Partner Locator" where users can find other peers to train with. There are also chatrooms and a reddit style community where users can communicate with each other.
Training Partner Locator
Lounge
National Chatroom
Grapplers' Quest
User Testing
After designing the low fidelity wireframes, I created a low fidelity prototype where I had users test and give feedback. I gave them several tasks to see how they would navigate throughout the application, as they navigated through the pages, I observed what they struggled with and how they organized and viewed the wireframes. I then organized notes and observations gathered from the interview, into categories based on the how critical the issue was in affecting the application. I then gave ideas on how to fix these issues in which would help the user experience.
Priority
Issue
Recommendation
Critical
Back navigation does not work correctly
Creating a component for a back button where it will send users to the previous page.
Critical
Not enough indicators and instructions to help users navigate throughout the page.
Maybe some pop up messages to explain to the user what to do.
Major
Inconsistency between animations for buttons and pages.
Go back and look thoroughly through the buttons and pages and create a system of animations for both buttons and pages.
Major
Users struggle to navigate between sections.
Add a link to the names, so users can switch sections. Added a section in registration for users to select the sections.
Major
Variables do not reset, countdown timer, buttons, and menus do not reset after clicking them.
Go back and look through variables and select an option to reset them after the user has left the page.
High Fidelity Wireframes
The next step after gathering feedback and organizing issues according to user testing, I start working on the high fidelity wireframes. This is where I not only focus on improving the visuals of the application, but also the adding fixes and improvements based on the recommendations in the user testing.
Low Fidelity
High Fidelity
Competition Page
Competition List
Doctor List
One-on-one Coaching
Competitive Homepage
Move List
Armbars
Fight Analyzation
Training Partner Locator
Lounge
National Chatroom
Grapplers' Quest
Prototyping
After creating the high fidelity wireframes, I moved onto creating a prototype which will bind the many wireframes together and add life to the application. Although I created a prototype after my high fidelity wireframes, I still created something similar for my low fidelity wireframes so I could get a quick user testing. However, this is my final prototype where users can interact with the application and see the full experience using the application.
Key Takeaways
This was my first project and I learned a lot throughout the process. It was a great experience combining two things I am really interested in which were JiuJitsu and UXUI design. I have some key takeaways from this project:
The importance of having many minds compared to one. Throughout the process, I realized that communicating with a group of people was very helpful and insightful. I noticed how much information I was missing out on when listening to feedback. Because I had worked on the project for a long time, I often go over little mistakes that I would have not noticed if it weren't for the feedback or observations made from user testing.
Increased understanding of mobile design. Mobile design interactions are very different than web design such as there is no hover interaction. Videos and images are also formatted differently. It is important that the user interface is responsive and the correct formatting so users can easily tell what all the features are.
Icon selection and other visual aspects are important for the interface because it helps users easily maneuver around the application without thinking too much. When selecting icons for the application, I wanted to make sure that I chose icons that were universally recognized so users can easily navigate without spending too much time analyzing the icons or other visual elements.
Future Opportunities
Since this was my first project, I understand that there are many improvements that can still be made. I think it is important as a designer and a creator to constantly improve on your work and keep it updated. It will retain users, as well as, keep the application relevant. There are several improvements and updates I would eventually like to add to the application in the future.
Improvements on the visuals of the application. I believe that there can be many improvements in terms of visual elements. I think that there is a lot of white space and am not too fond of the colors used. I think I would add a color palette and a design kit to help with organizing of visual elements, such as text and colors to make the application look more professional.
Addition of artificial intelligence. Artificial Intelligence plays a big role in the tech industry and it might be beneficial to include AI to not only help with the application but the user as well. There could be an AI chat bot that might help users with any question they have about the sport. There can also be an AI agent that helps users with maybe determining analytics for them and maybe choosing what meals or workouts might be best for the users.
Finding ways to monetize the product. Not only does the application have a freemium feature where competitors will have more access and they would pay monthly. There could also be sponsorship deals where Oss Mobile can work with other companies to offer exclusive deals and discounts.
|
Check out other projects
@ 2025 Tyler Yong. All rights reserved.