「Marble.co」のホームページデザイン解説

サイトを開くと右側に写真、左側に迫力のある筆跡で書かれた文字が目に飛び込んできて、インパクトのある演出が施されています。どちらにもカーソルを視点とした視差効果が加えられていて、カーソルの動きに呼応してちょっとした動きが見られることでユーザの...

ファーストビューの背景には立体的なアルファベットが画面に収まりきらないほど大きなサイズで表示されており、カーソルを視点とした視差効果が加えられていることで微細に動く仕組みになっています。斬新なデザインが特徴的で、印象に残りやすい構成になって...

トップページ背景に本の見開き写真が使われていることでサイトのイメージを作り上げる要素になっており、インパクトのある設計が見ていて楽しくなるような演出になっています。表示された各項目には可愛らしい動物のイラストが配置されていて、一定時間で動く...

トップページは柔らかく明滅するオレンジのドットのアニメーションをバックに、グレーとオレンジのフォントで力強く書かれたメッセージと写真で構成されたスライドショーが目を引きます。グレーをベースに、オレンジをアクセントにした鮮やかな色使いですが、...

サイトにアクセスするとまずブラックの背景の上を画面いっぱいに拡大した企業ロゴが走り、画面が反転するとロゴの一部がグラデーションになって背景に固定され、その上にキャッチコピーが重なるファーストビューです。ゆっくりと色が変わるグラデーションのラ...

グレーをベースにネイビーをアクセントにしたサイトです。ファーストビューには、杉田昌平弁護士事務所が写っています。グローバルナビにて、取扱い業務やかかる料金などを案内しています。トップページの中央に、法令を遵守して外国人材を受入れるための法務...

銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...

ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...

ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...

鮮やかなブルーのアイラインが引かれた女性のビジュアルが印象的なファーストビューです。製品やシリーズのサムネイルはマウスオーバーでブルーのベタが重ねられ、特にシリーズのサムネイルはキャッチコピーが反転して浮かび上がる印象的な効果を施しています...

ファーストビューには縦書きでコンセプトメッセージを記載している点が特徴的です。またその下にはどんなサービスを提供しているのか大きく4つの項目に分け説明をしています。さらにその下にはお客様の声と題し　吹き出しで悩みを記載し、それぞれ詳細ページ...

ファーストビューはお洒落な画像が定期的に切り替わる視覚的に見ていて楽しいデザインです。トップページ内は大きく6つのグローバルナビゲーション項目を並べるのみで他の情報は掲載しない非常にシンプルなデザインです。各項目は英語表記ですが普段から馴染...