John’s Blend
サイトイメージ
![John’s Blend](https://choooodoii.com/uploads/2022/08/johnsblend_pc-e1660882170765.jpg)
![John’s Blend](https://choooodoii.com/uploads/2022/08/johns-blend_sp.jpg)
ポイント
メインビジュアルのインパクト
メインビジュアルにあえて一枚の写真を大きく表示することで、落ち着いた印象の写真でもインパクトを残すことができます。さらに、写真のトーンを暗めに、文字を白色にすることで、ゆとりのある洗練された印象になっています。
装飾のあまりないシンプルな設計
サイトを見ていると、余白を感じる部分がたくさんあります。題名と文章との間、行と行との間、隣り合う文字との間。全ての空間に余白を設けることで、窮屈さを全く感じることのない開放的な印象になり、サイトを見ている側もリラックスしながら読むことができるのです。
線画のみで描かれたシンプルなイラスト
![](https://choooodoii.com/uploads/2022/08/JohnsBlend-1024x580.jpg)
次に、全体的な色味を見てみましょう。実はサイトを通して色があるのは写真のみ。文字や文章等写真以外の部分は全て無彩色の白と黒で構成されています。そして文字に限らず、イラストにまで無彩色は適用されています。線画のみで色のないシンプルなイラスト。実は、トップページの英文を翻訳すると「柄に頼らないデザインと厳選された香りのように、さまざまなシーンであなたが今住んでいる空間をより快適にします。」という文章があるのです。何の匂いかが一眼でわかるニーズに応えながら、シンプルで開放的なJohn’s Blendの世界観がここに具現されています。
探求心がそそられる