roastery

LINUS

Web Design | Development
Role

Web Design

Development

Timeline

September - October 2021 (5weeks)

Tools

HTML

CSS

JavaScript

Photoshop

Illustrator

Overview

It is a sample corporate website of a coffee roastery (imaginary). It is a commercial website for selling beans online as well as providing information about the roastery including cafe details, corporate history, and wholesale.

架空のコーヒーロースタリーのコーポレートサイトをデザインしました。ロースタリーについての基本的な情報から、カフェの情報、会社の沿革、卸売り情報などの閲覧、だけではなく、オンラインストアでの豆の販売機能までできる商用サイトです。

Design Goals

This is an imaginary wholesale coffee supplier that also provides consulting and operates two cafes. In order to emphasize the taste of the product, I have visualized the webpage by using coffee bean images. The brand color is brown. It will help people to imagine a cup of coffee. The logo has a simple crown design which means that this roastery aims the king of coffee. In the main page, I have posted links for recommended and new products in order to provide easy access to the online store.

架空の前提としてコーヒー豆の卸販売やコンサルティングを主な事業としながら、カフェの運営とコーヒー豆の小売り販売も行うといったロースタリーを考えました。そのため、ビジュアルとして素材(コーヒー豆)にこだわっている印象が与えられるような画像を活用することで、視覚的にコーヒーの美味しさが伝わるように心掛けました。ブランドカラーは暖かいく安定的なイメージが感じられるブラウン系列をキーカラーとして、ロゴは覚えてもらいやすくシンプルなデザインで、味と素材で勝負していつかは「No.1となる」という意味で王冠にしました。ホームではオンラインストアですぐ飛べるようにおすすめ商品と新商品を案内してリンクを載せました。