2024.2.22現在
4112件のデザインを掲載中
https://www.tsumura.co.jp/hellotsumura/

「Hello! TSUMURA」のホームページデザイン解説

Design Review
デザイン解説

アイソメトリクスのイラストと英文で大きく書かれたキャッチコピーを配置した、インパクトのあるファーストビューです。ページ内に入ると建物内の階層がひととおりアニメーションで表示されるため、館内を上下方向に移動できることが一目でわかります。各フロアの施設にマウスオーバーするとコンテンツタイトルが吹き出し状に表示され、クリックするとコンテンツが展開する仕掛けです。淡いベージュの背景とブラウンのテキストを中心とした色使いで、イラストも落ち着いた色味のためナチュラルな雰囲気を感じさせます。ハンバーガーメニューを開くとサイト内のコンテンツがイラスト付きで一覧表示されるため、初めてサイトを訪れる方にもどんなコンテンツがあるか一目でわかるようになっています。

執筆者

岡本 美憂
Okamoto Miyu
岡本 美憂
独学でWebデザイン、HTML・CSSを学習。⇒出版社のWeb事業部でアルバイト⇒Web制作会社で、デザイナー兼コーダーとして勤務⇒2019年からフリーランスに。休日もカフェでコーディングをしているちょっと変人です。趣味はカフェ巡り、自然巡り、旅行など。

カテゴリ

基本情報

会社名
株式会社ツムラ
サイト名
Hello! TSUMURA
URL
https://www.tsumura.co.jp/hellotsumura/

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む