Screen

So Mini to Choose From

In need of a major overhaul, BMW Mini wanted the 'approved used' section of their website to clearly portray
their distinctive tone of voice and playful character, as well as improved user experience with oodles of new functionality.

Blue 5 door Mini Cooper on a street at night, in front of a blue and black frame

Led by Grass Roots, Juice London were responsible for the research, user flows, IA, wireframing and design stages of the project.

We then developed a comprehensive digital style guide for the rest of the site, covering grid systems, navigation, responsive behaviour, typography, colour principles, functional components, iconography and imagery.

  • Services

    Wireframing
    Web design & development
    Interface design
  • Client

    BMW Mini
3D render of an Apple MacBook, featuring a hand drawn wireframe of the BMW Mini homepage
Annotated hand drawn wireframe of the search results page, featuring car advert thumbnails and top level information
Annotated hand drawn wireframe of a vehicle landing page, featuring an image carousel and detailed information about the Mini
3d render of the final approved used website designs on a desktop, tablet and phone, placed on a bright blue background
Full homepage design for BMW Mini, superimposed onto an Apple MacBook on a bright blue background
Full screen image of a red Mini John Cooper Works, racing along an urban street at night
Final render of the BMW Mini vehicle results page and user search options on a desktop
Final vehicle landing page, featuring an image carousel and detailed information about a yellow Mini Copper S
Mock up of the BMW Mini homepage within two black mobile phones on a blue background
Full screen image of a dark grey Mini John Cooper Works GP Edition, driving along a race track at night
Results listing page and 'refine your search' page on a tablet, on a bright blue background

Don’t miss…