Eloisa Docton



About the project

The idea of Bike MD came when a friend who was transitioning from motorcycle tech to full stack development realized that the motorcycle tech community could benefit from a website similar to the popular Stack Overlow. He envisioned that someone who may need a little help with a problem they had never seen could have a community of other techs right at his/her fingertips, the web app could work as a database of issues with solutions. To start, we had a few API's that contain all of the bike's make, models, and years, as well as data storage for all questions and comments.

Our timeline was two weeks, we met 3 days in a row to plan and create a roadmap for the successful completion of this project. We established user personas, customer journeys, and listed all of the needs of the project from a UI and Back end stand point.

As a product, we wanted something that was going to be easy and clean to use, but also had a lot of personality. We decided that a short questionnaire prompting the tech with the issue through the make, year, and model of the bike was the easiest and most user friendly approach.

Two weeks later we had a working MVP that we are truly proud of.






CUSTOMER JOURNEYS

SWOT ANALYSIS
Completing this step helped us identify details that we needed to provide a successful user interface. For three full days, my two partners and myself got together in one of the underground offices of The Iron Yard Durham and, fueled with snacks and coffee, talked through several users and came up with many many user journeys.






WIREFRAMES

Wireframes helped us determine what kind of graphics we would need, this also helped us create a library of images that we could use throughout the use of the site for seamless branding.






STYLE GUIDE

SWOT ANALYSIS
Because we wanted our product to stand out, I proposed we adopt a rugged look with some clean and slim modern touches. We found a collection of beautiful stock images with vintage undertones that we purchased for the background of the pages, then adopted solids and transparencies for the rest.

Full Style Guide can be found here.






LOGO DEVELOPMENT

I admit, my favorite part of this project was devloping the logo. I wated something cool, bold, and that would not compete with the overall look of the website. These are some of the early designs for the Bike MD logo.






FINAL PRODUCT

Bike MD is a web app hosted in Heroku App, the MVP was completed January 15th, 2015 by a Python Developer and two UI Designers, all graduates from The Iron Yard Durham and The Iron Yard Raleigh, respectfully. For this project, I focused on all of the visual design aspect, then turned to support on the front-development side. We used HTML, Sass, JQuery and CSS as well as Python development with brackets and various API calls. You can check out the working app here.

HEROKU APP


Login: Public
Password: password123

CUSTOMER JOURNEYS

SWOT ANALYSIS
Completing this step helped us identify details that we needed to provide a successful user interface. For three full days, my two partners and myself got together in one of the underground offices of The Iron Yard Durham and, fueled with snacks and coffee, talked through several users and came up with many many user journeys.

SKETCHES & WIREFRAMES

Wireframes helped us determine qhat kind of graphics we would need, this also helped us create a library of images that we could use throughout the use of the site for seamless branding.

STYLE GUIDE & BRANDING

Because we wanted our product to stand out, I proposed we adopt a rugged look with some clean and slim modern touches. We found a collection of beautiful stock images with vintage undertones that we purchased for the background of the pages, then adopted solids and transparencies for the rest.

Full Style Guide can be found here.

LOGO DEVELOPMENT

I admit, my favorite part of this project was devloping the logo. I wated something cool, bold, and that would not compete with the overall look of the website. These are some of the early designs for the Bike MD logo.

WEB APP FINAL PRODUCT

Bike MD is a web app hosted in Heroku App, the MVP was completed January 15th, 2015 by a Python Developer and two UI Designers, all graduates from The Iron Yard Durham and The Iron Yard Raleigh, respectfully. You can check out the working app here.

HEROKU APP


Login: Public
Password: password123

ABOUT ME

PORTFOLIO

RESUME