holo shirts.　＃1日1サイトレビュー

holo shirts.

【概要】

「日常に馴染むシャツを」をコンセプトとしたオーダーメイドシャツの公式サイト

【ターゲット】

オーダーメイドシャツに興味がある人、または購入を検討している人

【印象】

・使用カラーが白、黒、グレーのみでシンプル

・シンプルで余白が多いため、点線が目立ち、視線誘導されやすい

・使用カラーが無彩色のため画像がよく映える

【構成】

・ヘッダー

・メインビジュアル

・about：holo shirts.について、お問い合わせの連絡先

・how to order：オーダーの流れ、料金、有料オプション

・details of shirts：シャツの裾の形やポケット、生地などのパーツの種類の紹介、シャツのお手入れについて

 ・journal：ブログ、お知らせ

【メインビジュアル】

・中央左寄りに画像、右寄りにコンセプトテキストが配置

・上部左側にサイトタイトル、右側にグローバルナビゲーションが配置（下にオブジェクトを敷いていないためスクロールすると下が透ける）

・左端の画面を沿うようにSNSリンク、右端にメールアドレスが配置

・右下にはトップボタン、左下には受注会についてのリンクが配置

・MVの画像から下のaboutの画像にかけて点線がかかっているため、自然とスクロールしてしまう

【コンテンツ】

・ノングリッドレイアウトで自由な印象に

・メインコンテンツではスクロールすると点線の誘導線のアニメーションが各コンテンツを辿っていく

・どのコンテンツにも点線や点線の半円が使われている（反復）

・点線は薄いグレーカラーのため、主張しすぎず、良い塩梅の視線誘導やあしらいとなっている

・使用カラーが全て無彩色のため、画像やコンテンツ内を実線で区切ることでぼやけずしっかり目立たせることができる

【フォント】

・和文は游ゴシック

・欧文はJosefin Sans のitalic

 ・説明文は12〜14px、見出しは18〜21pxと小さめで落ち着いた印象に

・ジャンプ率は低め

【カラー】

・ベースカラーは白（#ffffff）

・メインカラーはテキストカラーの明度の少し高いグレー（#666666）→柔らかく、優しい印象になる

【サイトを通じてどのような目的を達成しているか】

目的：オーダーメイドシャツの魅力の認知、お問い合わせしてもらう

・シンプルなサイトデザインにすることで画像やテキストが見やすくなり、魅力が伝わりやすい

・様々な種類のシャツの部位やパーツを組み合わせてオリジナルのオーダーシャツが作れることを詳しく説明している

→興味を持つ→問い合わせる

➡︎結果：目的達成