OBJECTIVE

A made up company by the name of Ribeiro Motor Group decided they are in need of new branding and website development. The website is going to contain a good amount of products including brand accessories. It is important that the website shows that the Ribeiro brand is hard working and dedicated to the craft of motorcycles. RMG will also need an email newsletter made on MailChimp.

CLIENT DISCOVERY

RMG was able to specify what features they were desiring due to an interactive .pdf. This allows the client time to sit down and think about what services are needed.

THE GAME PLAN

After finishing the client's side of discovery it was time to dive into the information architecture. This broke down the categories and gave another layer of depth to the project. A basic outline and idea was formed and the project was ready to get visual.

Wireframe - High Fidelity Roughs

Laying out the mobile, tablet, and desktop roughs captured what I wanted. A slider was an important idea but the initial angle slider went into the bin. Having different sections that broke up the content on the homepage or inner pages provided the white a nice break. Displaying four bikes on the homepage was desired by the client as a call to action to the models page. A notification bar was also planned that the user could get rid of if not interested visually.

BRANDING

While getting the roughs ready it was the perfect time to start branding RMG and manipulating stock images of motorcycles to look like they are with the brand. A lot of photoshop filters and manipulation went into the imagery in this website.

THE FINAL PRODUCT

Ribeiro Motor Group is not just just any motorcycle brand. RMG provides bike owners an experience like no other. After a good amount of testing for opinions on branding, the checkers stood out as strong branding. The race for quality and perfection with these custom bikes played right into the checkers. With the help of Bootstrap, I was able to find and modify a great theme to achieve my goals for RMG. A lot of trial and error through development really made me appreciate how this project came out. The amount of information included was a challenge along with the need for a great responsive. The motion throughout the website provides RMG the strong feel they were needing.

The homepage landing needed to have the user feel complete. With the branding being part of the slider, the user feels involved in the manufacturing of a game changing motorcycle. Three rotating banner images are included with different call to actions.

Once the user gets to the product page, they will see the bike technicals along with visuals.

Having shadow boxes either normally or on hover appealed to me during this project. Having the site very flexible with tons of user navigation possibilities insured the user could handle the amount of content. While filling in content for RMG, I stumbled across a few categories that needed to be covered. The incentive that California has for electric bikes is pretty awesome and needed to be included. RMG also has a kit that bike owners recieve upon purchase.

THE INNER PAGES

To add personality it was important to have an about page with some hard working team members. All graphics (besides the edited bikes) are stock. To really see the detail involved in this website please check it out by finding the link at the bottom of this case study.

NEWSLETTER

Adding personality with stock images of mechanics working helped make the project fun. Of course every image was edited and converted for web. The last thing I needed to do was design a MailChimp newsletter to get this show on the road.

You can view the live RMG website. Check out the next case study.