Board and Brew Mobile

BOARD AND BREW MOBILE

Media Used: Figma | Adobe Illustrator

This project was a mobile-first redesign for the Board and Brew company website. The Board and Brew is a board game cafe in College Park, MD, however, their current website does not do a good job of expressing who they are as a company nor is it easy to navigate and it does not do a good job of appealing to their usual clients. The goal behind this project is to redesign the website starting with the mobile view. What I think makes this redesign work is that it makes use of white space and has a simple colour scheme that allows the user to focus on the desired information.

The Problem Space

The Board and Brew is a company in College Park, MD that is close to the University of Maryland. The problem is that even though it is a place that people can eat, relax and entertain themselves or get some work done, their current website does not effectively express that. Their website is dull, difficult to navigate and does not express the modern but vibrant personality of the business.

The Target Audience

The target audience for this project is college students and young professionals, people who are between the ages of 18 and 30 years old. The area the business is located in is a regular place that college students and the people who work around the area come and visit.

User Research

The user persona can be found here.

The Solution

The solution was a mobile-first website design that was both simple and inviting. As a regular customer, I believe these are characteristics that embody the business. The website is designed to give people information about what they can expect when they go there. It explains what the business is like, what items they have on the menu and what games they can expect to find there. All of this information is given in a way that is easy to understand.

Sources

Mockups by Mockups-Design.com.
Disclaimer: The Board and Brew logo is not owned by me and I am not claiming it as my original creation because it is not. The logo has been vectorized however so that a high-resolution version would be available for use in this project.

Board and Brew Mobile Style Guide Supp

Board and Brew Mobile

Style Guide

B&B Wireframe Supp

Board and Brew Mobile

Wireframe

BOARD AND BREW MOBILE

Media Used: Figma | Adobe Illustrator

This project was a mobile-first redesign for the Board and Brew company website. The Board and Brew is a board game cafe in College Park, MD, however, their current website does not do a good job of expressing who they are as a company nor is it easy to navigate and it does not do a good job of appealing to their usual clients. The goal behind this project is to redesign the website starting with the mobile view. What I think makes this redesign work is that it makes use of white space and has a simple colour scheme that allows the user to focus on the desired information.

The Problem Space

The Board and Brew is a company in College Park, MD that is close to the University of Maryland. The problem is that even though it is a place that people can eat, relax and entertain themselves or get some work done, their current website does not effectively express that. Their website is dull, difficult to navigate and does not express the modern but vibrant personality of the business.

The Target Audience

The target audience for this project is college students and young professionals, people who are between the ages of 18 and 30 years old. The area the business is located in is a regular place that college students and the people who work around the area come and visit.

User Research

The user persona can be found here.

The Solution

The solution was a mobile-first website design that was both simple and inviting. As a regular customer, I believe these are characteristics that embody the business. The website is designed to give people information about what they can expect when they go there. It explains what the business is like, what items they have on the menu and what games they can expect to find there. All of this information is given in a way that is easy to understand.

Sources

Mockups by Mockups-Design.com.
Disclaimer: The Board and Brew logo is not owned by me and I am not claiming it as my original creation because it is not. The logo has been vectorized however so that a high-resolution version would be available for use in this project.

Board and Brew Mobile Style Guide Supp

Board and Brew Mobile

Style Guide

B&B Wireframe Supp

Board and Brew Mobile

Wireframe

BOARD AND BREW MOBILE

Media Used: Figma | Adobe Illustrator

This project was a mobile-first redesign for the Board and Brew company website. The Board and Brew is a board game cafe in College Park, MD, however, their current website does not do a good job of expressing who they are as a company nor is it easy to navigate and it does not do a good job of appealing to their usual clients. The goal behind this project is to redesign the website starting with the mobile view. What I think makes this redesign work is that it makes use of white space and has a simple colour scheme that allows the user to focus on the desired information.

The Problem Space

The Board and Brew is a company in College Park, MD that is close to the University of Maryland. The problem is that even though it is a place that people can eat, relax and entertain themselves or get some work done, their current website does not effectively express that. Their website is dull, difficult to navigate and does not express the modern but vibrant personality of the business.

The Target Audience

The target audience for this project is college students and young professionals, people who are between the ages of 18 and 30 years old. The area the business is located in is a regular place that college students and the people who work around the area come and visit.

User Research

The user persona can be found here.

The Solution

The solution was a mobile-first website design that was both simple and inviting. As a regular customer, I believe these are characteristics that embody the business. The website is designed to give people information about what they can expect when they go there. It explains what the business is like, what items they have on the menu and what games they can expect to find there. All of this information is given in a way that is easy to understand.

Sources

Mockups by Mockups-Design.com.
Disclaimer: The Board and Brew logo is not owned by me and I am not claiming it as my original creation because it is not. The logo has been vectorized however so that a high-resolution version would be available for use in this project.

Board and Brew Mobile Style Guide Supp

Board and Brew Mobile

Style Guide

B&B Wireframe Supp

Board and Brew Mobile

Wireframe

BOARD AND BREW MOBILE

Media Used: Figma | Adobe Illustrator

This project was a mobile-first redesign for the Board and Brew company website. The Board and Brew is a board game cafe in College Park, MD, however, their current website does not do a good job of expressing who they are as a company nor is it easy to navigate and it does not do a good job of appealing to their usual clients. The goal behind this project is to redesign the website starting with the mobile view. What I think makes this redesign work is that it makes use of white space and has a simple colour scheme that allows the user to focus on the desired information.

The Problem Space

The Board and Brew is a company in College Park, MD that is close to the University of Maryland. The problem is that even though it is a place that people can eat, relax and entertain themselves or get some work done, their current website does not effectively express that. Their website is dull, difficult to navigate and does not express the modern but vibrant personality of the business.

The Target Audience

The target audience for this project is college students and young professionals, people who are between the ages of 18 and 30 years old. The area the business is located in is a regular place that college students and the people who work around the area come and visit.

User Research

The user persona can be found here.

The Solution

The solution was a mobile-first website design that was both simple and inviting. As a regular customer, I believe these are characteristics that embody the business. The website is designed to give people information about what they can expect when they go there. It explains what the business is like, what items they have on the menu and what games they can expect to find there. All of this information is given in a way that is easy to understand.

Sources

Mockups by Mockups-Design.com.
Disclaimer: The Board and Brew logo is not owned by me and I am not claiming it as my original creation because it is not. The logo has been vectorized however so that a high-resolution version would be available for use in this project.

Board and Brew Mobile Style Guide Supp

Board and Brew Mobile

Style Guide

B&B Wireframe Supp

Board and Brew Mobile

Wireframe

Share