「3×3 Labo」のホームページデザイン解説

コンテンツごとの色分けが絶妙で視覚的にわかりやすいサイト構成になっています。ファーストビューでは速読というあまり馴染みのないものを、そもそも速読とは何なのか？から解説しているページへのリンクが表示されていて、親切且つユーザの理解を深める効果...

ファーストビュは最新トピックスが表示らせています。全ての河面を表示させてしまうとトップページ内の情報が膨大になりすぎるため、項目数を限定し、一覧を見たい方は別ページへ遷移するデザインです。SNS・動画のカテゴリーでは5つの媒体を用いており、...

ファーストビューでは勉強している手元の写真にアップに「施工管理士合格へ全力サポート！」のキャッチコピーを乗せ、受講講習会の検索ボックスを重ねることで、施工管理士の受験のためのサポートサイトであることを端的に伝えています。メインビジュアルの下...

ファーストビューに表示される水墨画のようなタッチで描かれた仕出し弁当のイラストが印象的で和の雰囲気が表現されています。食材のイラストは背景にも散りばめられていてデザインのアクセントになっています。商品一覧の表示には写真リンクを使っていて、ク...

ブラック×ホワイトのカラー構成をメインにまとめられたデザインがスタイリッシュなイメージを作り上げています。ファーストビューの画像領域ではモノクロ写真が切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出となって...

画像領域がファーストビューの中央に設置されており、目に止まりやすい構成がしっかりと考えられた設計になっています。画像はゆっくりとしたオーバーラップで切り替わる仕組みで、サイトの雰囲気を演出する要素になっています。スクロールしていくと「作品集...

メインビジュアルに配置したサービスロゴは背景を明るくぼかすことで、ツヤ感のあるロゴデザインと相まってスポットライトが当たっているような効果を演出しています。また同様の効果はナビゲーションバーにも施されていて、メインビジュアルに配置したアイコ...

グリーンで色調を統一したアイソメ図風の地図イラストを背景に、検索ボックスをメインビジュアルに見立てて配置したファーストビューです。検索ボックスやナビゲーションメニューにはイラストアイコンが使われ、自分の利用したい経路の検索がすぐにできるレイ...

.htaccessファイルを数クリックで作成できるサービスです。作成できるファイルはメインエリアの左側にタブメニューで切り替えることができ、フォームに必要事項を記入して送信すると自動でテキストが書きだされます。タイトルの帯にグリーン、サイト...

シンプルでかっちりとした構成になっていて、信頼感を感じるデザインにまとめられています。ファーストビュー 画像領域では右から左に写真が流れてくる仕組みになっていて、目に止まりやすい構成が考えられています。ヘッダーに表示されたナビゲーションメニ...

全画面表示の写真がファーストビューに表示されて、インパクトのある演出が施されています。画面中央にはロゴマークの形状に別の写真が組み合わさって独特な表現になっていて、興味を抱かせる工夫となっています。さらに右下に設置された左右の矢印マークをク...

背景にはベージュ系の落ち着いたカラーを用いて、テキストには繊細なラインで構成されたセリフ体のフォントをメインに用いることで気品を感じるデザインにまとめられています。上部にはナビゲーションメニューが固定表示されていることでサイトの内容が分かり...