Gather Grounds

Branding  +   Advertisements  +   Packaging  +   UI/UX

This is a team based project. Gather Grounds is a suburban-based coffee cafe that was created to express the soul of a board game player and avid coffee drinker. The idea is to create a collaboration between the two. We aim to inspire the design by having an impact on the coffee industry by bringing a new element to the cafe world, which would be board games. Our company is an attitude, a mood and a statement about togetherness and comradery. We offer a wide scale of board games including traditional board games like chess to card games like UNO. Customers can donate their board games to us so we can transfer it to certain organizations like orphanages and schools.

  • Gather Grounds
  • Board games cafe
  • We also want to help people to “break out their shells” by sharing our love for board games. Our company consists of organic and natural ingredients when it comes to our products. We want to focus on a cafe that people can enjoy playing board games in. Clean, simple and light designs with an accent on an expressive color is the goal to make our vision a reality.
  • We are aiming towards an audience of millennials which is the age around 21 to 37 years old. Specifically, the audience who are college students. Students around 18-20 are part of our target audience as well. We want the students to treat Gather Grounds as a place to hang out after class or during break time.
Great Coffee. Great Time.

- Mrunalee / Coffee fan, Designer

We researched on what makes a cafe so appealing alongside the creative visuals of coffee and board games. Looking up our competitors like the Bonus Round Cafe, the usage of negative space on logos, and creating concept aesthetics for Gather Grounds.

logo artist
As we sketch out our concepts based on the inspiration and research, we create concepts that incorporate the elements that are associated with coffee and board games including coffee beans, mug, dice, cards, castle and swords (from Dungeons and Dragons) and more.
responsive priview
Brand logo

Whenever you use the logo, it should be surrounded with live area to ensure it’s visibility and impact. No graphic elements of any kind should invade this zone.

Color Palette

The colors are inspired by the cafe, coffee and community. Making sure that the colors are warm and welcoming to the community. Gather Grounds’ logo color is black and white by default. However, You can change the color of the logo to go with certain kinds of backgrounds like solid colors and overlay colors, as long the logo and the background shows contrast.

Typography

Legible and eminently dignified, Avenir makes an excellent text typeface; and it’s sharp, high contrast forms make it suitable for elegant advertising pieces as well. Personally, I always use Avenir as a default for writing papers and deciding body type in design until something better comes to me, however this time I chose Baskeville for headlines. I use it because it has just enough “oompf” to make a stylistic statement, but it is neutral enough that it is easy to read and doesn’t look like I’m trying too hard.

brochure image
brochure image
brochure image
We create our concept sketches to see what kind of packaging each of us could do for the company. From the cafe essentials (ex. coasters and coffee bags) to merchandises (ex. Chess set and Novelty display). Since meeting in-person isn't going to happen due to the lockdown during COVID. We continue to communicate each other remotely and use the program Adobe Dimension to create our packaging in 3D.
responsive priview

When we decide on our best concept iterations, we start using Adobe Dimension to digitalize the packaging to be close of being accurate as possible by using Adobe Dimension's starter assets and Adobe Stock's free assets. Some parts of the assets like the chess piece novelty is custom made using Adobe Illustrator and then turned into a model via Photoshop as an .obj file.

Advertising

As a Board Game Cafe, We want to get more visitors to our cafe and have a following on our social media page to create a community. In order to reach our goal, we are planning to create a variety of advertising styles with the website URL and social media contact to our address. As stated again, we want students to treat us as a place to hang out after school/work, because we have the board games, the coffee, and a community to hang out and have a great time. We also had a compaign for existing costumers on showcasing our products.

As usual, we included incorporating the chess pieces and coffee to easily recognize it from Gather Grounds Board Game Cafe. We want the two assets to have a good medium. Some of the ideas emphasize on community or showcasing our products.
responsive priview
Website and UI/UX

It’s more logical on creating a website since the young adults especially students who have smartphones and a laptop to work with every day than a mobile app. We are aiming for a simple responsive layout for easy navigation. We also collaborated on the website design in real-time using Adobe XD’s co editing feature, which is still in beta phase during the time but it was stable most of the time since it has been out for a year now.

Interactive media prototype
We sketched on what is needed for the Gather Grounds website. Ideas explored including an About Me Page, Product Catalog for online orders, Online Menu, a section for an online newsletter, and different layouts for each website.
responsive priview