Business 101
Mobile App and Website
Jessica Moro
The product:
Business101 is a national organization that helps young entrepreneurs take their business ideas to the next level. The content is available via a dedicated mobile app and responsive website.
Project overview
Project duration:
October 2022
The problem:
There is a lot of information available online for those looking to start a business, from helping to develop ideas to securing loans and information on management, but this information needs to be available in one place and provided in a way that is geared towards a younger audience.
Project overview
The goal:
Design a dedicated mobile app and responsive site that would compile all information on starting a business geared towards younger entrepreneurs.
My role:
UX designer designing an app and responsive site for Business101 from conception to delivery.
Project overview
Responsibilities:
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
Understanding
the user
User research: summary
I have conducted multiple rounds of user research, to find out user pain points and test out wireframes and prototypes to ensure our designs meet the customers needs.
So far, our research has shown that there should be multiple ways to access the information based on learning style and time (guided learning flows, videos, content, downloads) and a hierarchy evident in the sites design.
User research: pain points
One Site/Location
There are so many different places to access information about starting a business. Would be helpful to have all of the information needed, for today’s business owners, in one place.
Age/Knowledge
It can be difficult for younger people to start businesses because investors/banks might not provide them with the initial respect needed due to age. Arming them with all of the information they need is important to aid in this process.
Learning
Users of this site are used to consuming information in different ways, reading, video, bite-sized learning modules, and they expect it to be accessible wherever they are. The app and site should reflect these needs.
1
2
3
Persona: Marcus
Problem statement:
Marcus is a fitness expert and nutritionist who needs to easily find up-to-date information on how to access funding to build his business because everything that he currently has access to is out of date.
Persona: Jamie
Problem statement:
Jamie is a STEM Influencer who needs to easily locate information on how to grow her business because she worries that her age and career doesn’t garner the respect needed to be taken seriously.
User journey map
Image of user journey map
By working through the journey map to see how users are currently looking up the information they need, I was able to see how this process can be improved.
Starting
the design
Digital wireframes
For creation of wireframes, the I made sure to include the different types of content that would be made available on the homepage to make clear the parts of business creation that would be addressed.
Access the menu for the product
Allows users to quickly access the different sections of the product.
Digital wireframes
An easy way to access the information that is needed, in a format that best suits the users.
Allow users to learn about the information in the way that suits them.
Provide access to helpful templates that will help in certain categories.
Low-fidelity prototype
This flow takes the user through the process of learning more about all aspects of funding a business, from budgeting to securing loans and/or investors.
Usability study: findings
During our usability study we spoke with potential users who represented multiple different customer profiles. These users told us that, although the overall flow was easy to use, there are some changes to the learning experiences and content could help provide a better overall experience.
Round 1 findings
Ability to favorite content for a more personalized experience
1
2
Round 2 findings
Images on buttons to help easily identify what module/articles are about
Hierarchy of content should be evident
1
Provide guided learning flows
2
Access to downloadable templates is important
3
Refining
the design
Mockups
After reviewing the user feedback, a learning module was added to reach those users who would like to learn about the overall topic in a more guided approach.
Before usability study
After usability study
Mockups
After reviewing the user feedback, a search option was added to help better direct those who know exactly what they are looking for.
Before usability study
After usability study
High-fidelity�prototype
The final high-fidelity prototype offers a streamlined learning flow, allowing users to learn about the various aspects of creating a business in different ways.
Accessibility considerations
Add alt text to images for screen readers.
Used icons to help make navigation easier.
Ensured that color contract meets WCAG AA guidelines.
1
2
3
Site Map
Once work on the mobile app was completed, I used the information and feedback from that process to start work on the responsive site. The site map helps ensure that a consistent experience is delivered across all devices.
Key Mockups
Going forward
Takeaways
Impact:
The app and site provide all information users will need to help launch and grow their business in a streamlined approach.
What I learned:
While designing the app and responsive websites, I learned the about the importance in designing consistency in experiences across multiple devices.
Next steps
Make modifications to the desktop homepage and learning module pages.
Conduct another round of user testing with the updates made.
Look into additional P1 and P2 requests.
1
2
3
Let’s connect!
Insert a few sentences summarizing the next steps you would take with this project and why. Feel free to organize next steps in a bullet point list.
Thank you so much for your time. If you have any additional questions or would like to see more, please contact me at:
Jessica Moro, jln2483@gmail.com
Thank you!