Beer Buddy Marketing Webpage

Concept

This is a responsive website design created to promote the Beer Buddy mobile application (as seen here).

Beer Buddy is a mobile application created for beer enthusiasts. It helps users with who want to better navigate their beer journey by keeping track of the beers they enjoy while also suggesting beers like the one’s they have previously tasted.

The website was deigned to reflect the look and feel of the Beer Buddy app branding while showcasing the key features and benefits users can expect from using it. The focus of the website was to inform the audience of the app and then drive the users to download it. The overall content and design is meant to create a sense that the brand is a trusted knowledge source for the intended user.

Desktop Version

Mobile Version

Process

When designing the mobile and desktop layouts for the website, I designed simultaneously to ensure I was able to incorporate a responsive design.

I placed key elements into sections and would “stack” components of each section when a narrow screen would be the browser or would combine items using a carousel effect to display information.

Wireframes

The main components I was hoping to include when laying out the wireframed designs were:

• A clear CTA button that prompted the user to download the app.

• A large Hero image overlaid with the Logo.

• An introduction to the brand and it’s directives and motivations.

• A description of the key features with screens of the app showing off its design.

• A list of benefits that the app would bring to it’s users and how it can provide increased enjoyment to the beer experience.

• Testimonials from other users to provide a more real world inclusion to convince to user of the benefits.