Marin Bikes is a premier bicycle manufacturing company based in Marin, California. Marin is a very well known mountain biking company to mountain bike enthusiasts, but they want to spread the awareness of their brand to more people.
Challenge: Create a concept application for Marin Bicycle Company to increase brand awareness by creating content for new mountain bikers, mountain bike enthusiasts, or just people who love outdoor sports. With my team, Preya Patel and James Stables, we researched and deliberated on mobile app features for Marin that would cater to their three main target groups. We then narrowed our scope to three key user flows and created a clickable prototype for each persona. We first researched two of the other big mountain bike companies and looked at what their apps had. Trek and Giant both had no real features that we wanted to include for our app. We also compared other applications and really liked what Runtastic and Strava had to offer.
|
We then created three personas that represented our three main target groups. From the personas, we created user stories. Having personas helped us to keep our users in mind while creating the different flows for our app. It also helped us to make sure the content we added aligned to what our personas would consider of value to them.
We identified that Marin has three core values - Ride, Evolve, and Learn. From these three values we were able to match them to each of our personas. Our prototype emulates these three values on the splash page.
Fitzroy Toys is currently a B2C service that provides unique toy recommendations for free. Their overall mission is to bring one-of-a-kind toys to their consumers. The next steps for Fitzroy is to connect toy makers to their customers, which includes toy stores and individual customers. In order to do this, Fitzroy wants to create a marketplace in which users will be able to
Challenge: Create a simple onboarding process that allows users to identify which type of user they are, what benefits Fitzroy Toy Market will provide them, and easy to fill in steps to create their profile. My team and I worked together to research and come up with a MVP for the Toy Brands to get into the system. As a team we also came up with some recommendations that we saw fit for the brand. During our first initial client meeting we gathered all the logistics, scope, and background together. We then worked to look at different types of onboarding processes and what was good and bad about them. We did some comparative analysis on the home pages of similar B2B marketplaces. We also did a task analysis of a onboarding process that was simple and easy to navigate. We also looked at forms and did research on good and bad ones as well.
|
We created three personas that were based off the three main groups that would be using the Fitzroy Toy Marketplace. Our main persona was the toy maker because that was the main audience that our client was working with at the moment. For the toy maker, we researched the 40 toy brands that were already committed to joining the Fitzroy Toy Market. For the other two, we gathered information from our client and combined it with some researching on our own as well.
|
The next step was to start sketching and create prototypes to test. We completed a design studio where each of my team members and I went and took what we learned from our research and created a sketch of what we thought the onboarding process should look like. Then we came back together and explained each of the sketches and took what we thought would work best for our project. From that we sketched one comprehensive process and then created rough wireframes in Balsamiq.
|
From our sketches, we learned that the direction our client wanted to go in was different than what we were thinking. We went back to look at several websites that were suggested by our client and did more comparative analysis. We then analyzed these sites and were able to start sketching and and get approval from our client.
|
We then created another Balsamiq prototype and were able to get a heuristic evaluation from a subject matter expert. We also conducted user testing on our prototype and did several iterations on the changes that were suggested. To finish the project, we created Hi-fi wireframes in illustrator and were able to put them into invision so that they were clickable. I have provided a link to the prototype underneath the prototype as well.
True Spirit is a school uniform company that highlights that they offer updated uniform styles for its customers. True Spirit gives a unique approach to the school uniform buying experience by showing certain items that students may purchase by school. This gives students a chance to pick items they want by their style and not confined by strict uniform rules.
Challenge: Create a fresh, modern, and friendly web experience for True Spirit. True Spirit is a school uniform company that offers updated uniform fashion for customers with a chance to add their own style. I created a clickable prototype of the True Spirit website and included a product grid page, a product detail page, general student apparel page, sign up process page, account page, and a specific school site page. The persona that I had in mind while designing was of a parent purchasing clothes for their child. |
After reading through the project brief and personas, I first started with competitive and comparative research. I visited other uniform company sites, took a screen shot of the pages and circled and highlighted things that I liked and did not like. For comparative research, I looked at sites that had an easy return policy and a flawless
checkout system. |
From the research, I then sketched the pages and then created early wireframes in Balsamiq. I then conducted some heuristic evaluations and made some changes to the navigation and the layout of the pages. The two screens in the laptop are the changes I made to my early wireframes. The entire prototype is also available at the bottom of this page.
|
For more work samples or a copy of my resume, please contact me!