2021.10.25現在
3714件のデザインを掲載中
https://chackathon.com/

「茶ッカソン」のホームページデザイン解説

Design Review
デザイン解説

サイトを開いた際のファーストビュー上で展開されるモーションに、目が釘付けになってしまう凝った演出が施されたサイトです。四角形がキーオブジェクトとなっていて、ファーストビューだけでなく、スクロールしていくことでサイトを構成するコンテンツやタイトルテキスト、写真などの様々な要素が動き出し、閲覧していくのが楽しくなる効果的な演出です。ナビゲーションメニューはサイト上部では文字情報となっているのが、スクロールすると文字が隠れてコンパクトなボタンとなって固定表示される仕組みになっています。メインビジュアルの領域に派手なモーションが加えられているため、それを邪魔しないように考えられたデザインにちょっとしたこだわりを感じて、細部まで計算された設計となっていてクオリティの高いサイトに仕上げられています。

執筆者

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

カテゴリ

基本情報

会社名
株式会社伊藤園
サイト名
茶ッカソン
URL
https://chackathon.com/

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む