OVERVIEW

Challenge

The Board and Brew is a board game cafe that is in College Park, MD. It was very close to the University of Maryland and, as a result, its clientele mainly consisted of university students and young professionals. The website of the company, however, did not illustrate that.

Goal

The goals of this project are:

Redesigning the mobile website in a way that will make it more appealing to a younger audience.

Create a mobile website that will increase the revenue of the company.

Role

This is a solo design project where I was responsible for the visual design of the project.

DESIGN PROCESS

The Steps

Define the Problem

User Research

Before the Ideation phase, I created a user persona to work from.

Freshman User Persona

Wireframe

Board & Brew Mobile Wireflow

Ideation

Visual Research: Colour

The colours I chose were meant to create a feeling of excitement. The main colours are red and yellow.

Colour Style Guide

Visual Research: Typography

This project uses Roboto due to it being easy to read.

Visual Design

Board & Brew Mobile High Fidelity Screens

Prototype & Test

View Board and Brew Mobile prototype here.

CONCLUSION

Summary

Outcome

The final result is a redesigned website for the company. The website allows users to see the company’s menu as well as look at the list of games they have on offer. The goal is for users who come to the store to be able to choose the games they want and get to play them almost immediately.

Final Thoughts

Designing the website came with interesting challenges. I had to consider how to design for mobile-first for the first time. It came with varying challenges, mainly how to include all the necessary information on a screen that is small enough to fit in your pocket.