Bevera

Website / Alcoholic beverages / Concept
Bevera Logo

Background

About Bevera

Bevera is a concept online shop that sells alcoholic beverages online which I created during my first year as a systems science student. The website acts as a good starting template for modern e-Commerce sites by incorporating a sleek design with the use of a fresh color palette, good typography, useful navigation, and high-quality images.

Summary
Role UX & UI design / Front-End
Date Oct - Dec 2017

Identity design

Logotype

The logotype comes in two colors, black and white.

Bevera Logo Black
Bevera Logo White
Color system

The color palette uses a strong shade of gold color as its brand color. Additional colors are a balanced mix of neutral base colors and functional accent colors that signals a clear message to the user.

Gold Brand #BBAC78
Wine Red Accent #603D4C
Green Accent #4B9560
Black Text #222222
Dark Grey Text #888888
Grey Base #CECECE
Light Grey Base #F2F2F2
White Base #FFFFFF
Typography

The typographic system is using the font of Raleway which is an elegant typeface. It is a display face and features both old style and lining numerals, as well as a stylistic alternate inspired by geometric sans-serif typefaces.

Headline
Raleway SemiBold

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

1234567890!@#$&^&*[)

Body
Raleway Regular

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

1234567890!@#$&^&*[)

Mobile design

Website

Desktop design

Website
Arrow up icon