作品紹介

WORK

サイトカフェアジトのモックアップ

CONCEPT
スロウでメロウな⼤⼈の空間つくり
TARGET
10歳以上の方、静かな場所が好きな方
PERIOD
9月11日
TIME
3日間
USED
XD / HTML / CSS / jQuery
RESPONSE
PC
FIELD
Webデザイン制作実習

意識したところ

I WAS MINDFUL OF

ワイヤーフレームとデザインカンプの学習期間中に作成したリニューアルサイト。実在しているカフェでコンセプトが既に決まっていため、世界観を崩さないようにコンセプトに沿ったものをつくった。 cafe azitoは、外観が個性的な見た目で青を基調としたつくりをしているため、女性だけではなく家族連れやカップルにも人気が高いのではと思い、可愛すぎないデザインを心かけてみた。 海に近くにありロケーションがとても良いのだが、現行サイトはロケーションを活かしたサービスも含め文字での説明が少なく勿体なさを感じた。なので、写真の良さを殺さずに余白感を利用して文字の割合を増やした。

カラーコード

COLOR CHORD

BASE

#F1F2F3

今回のサイトはじっくり見てもらうタイプのサイトだと感じたので、目が疲れる真っ白い色は避けて、オフホワイト寄りの白にした。

MAIN

#5B5555

自然界には真っ黒は存在しないことを知り、コンセプトに「メロウ」という言葉が入っていて、且つ海辺のカフェということで、視認性の保てるチャコールグレーにした。

ACCENT

#505096

”海辺のカフェ”を強く押しているように感じたため、また青は全年齢で最も嫌悪されない受け入れられやすい色だと学んだため、文字として背景がぼやけない海の色に近いトーンにした。

文字

FONT

Yu Gothic

多くの日本人に馴染みのある清潔感のある堅すぎない雰囲気が「スロウでメロウ」な飲食店にマッチしていると感じた。

DIN 2014

シンプルで均一なデザインで、游ゴシックとの相性が良かったため、使用した。

サイトカフェアジトのモックアップ

CONTACT US

お気軽にお問い合わせください。