「THIS」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

ロンドンのデザインスタジオのコーポレートサイトです。ファーストビューではグレー1色の画面にブラックのベタを斜めに配置し、無造作に付箋を張り付けたようなラフな画面になっています。制作実績一覧では画面スクロールで写真が左下から回転しながらフェードインしたり、マウスオーバーするとわずかに傾くなど、斜めのラインを常に意識したラフなレイアウトがスタイリッシュな印象を与えるデザインです。画面右下に見切れているベージュのベタは制作実績へのリンクが張られていますが、画面スクロールが下までたどり着くとぴょこんと飛び出すモーションがつけられ、遊び心も見られます。

こんなホームページを作りたい方へ

執筆者

Okamoto Miyu

岡本美憂

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

Twitter

基本情報

会社名: THIS

サイト名: THIS

URL: https://thisworks.co/

「THIS」のホームページデザイン解説

執筆者

カテゴリ

基本情報

ホームページ制作会社に関連するデザイン

サービスサイトに関連するデザイン

グレーを使ったデザイン

かっこいいなホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む