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

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

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

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

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

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

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

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

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

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

ロシアの大口径パイプ製造メーカーのコーポレートサイトです。ファーストビューは製図を思わせるグレーの細いラインで書かれたグリッドと、製造現場のムービーが流れて迫力を感じさせます。コンテンツのタイトル、グラフィックの差し色にバーミリオンレッドを...

オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...

男性専用の店舗として黒と白のモノトーンカラーを基調としたスタイリッシュでカッコいい印象のホームページです。上部には注目させたい3つのカテゴリーをバナーにて表示させています。バナーには関連するお洒落な画像を用いることで理解が進みます。 ニュー...