「焼きたてチョコレートチーズタルト」のホームページデザイン解説

全体に柔らかなタッチのイラストを配置して、温かみを感じるデザインにまとめられています。ファーストビューにも画面右側に大きくイラストを表示して、サイトを開いた際にゆっくりと浮かび上がってくるようなモーションが見られることでサイトの雰囲気を演出...

全画面の画像がファーストビューに使われていて、サイトを開くとまず画像が目に飛び込んで来ることでインパクトのある演出になっています。画像はスライドショーで切り替わることでユーザの興味を抱かせる工夫になっており、それぞれの画像の背景が色分けされ...

グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、grafオリジナルのインテリアを紹介しています。グローバルナビにてプロダクト、グラフィックなどを案内しています。プロダクトのページでは、家具づくりに使っている道具や...

グレーをベースにブラウンをアクセントにしたサイトです。グローバルナビにて宗派や仏事の解説、仏壇や仏具などを案内しています。トップページの中央に、当サイトを訪れる初めての方に読んでほしい記事を掲載しています。仏壇業界の傾向、仏壇・仏具を購入す...

グレーをベースにブラックをアクセントにした、シンプルな1ページで構成されたサイトです。テキストにはブラックの明朝体のフォント、見出しには白抜き文字を使っています。見出しの文字にカーソルをあてると、背景色がブラックからレッドに変化します。トッ...

ホワイトをベースに、ブルーやグレーをアクセントにしたサイトです。ホームページ制作会社ドアズのスタッフブログです。グレー地にブルーの文字で書かれた見出しに、子犬が日付をつぶやいています。メガネのイラストに「もりちーのWEBもりもり」と表示され...

ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...

ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...

サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...

ファーストビューでムービーが展開され、サイトを開くとまず目に飛び込んでくることでインパクトのある演出になっています。下部に進むと、大きくテキストが表示されてスクロールと連動した動きが見られる表示が展開されています。テキストはリンクになってい...

鮮やかなオレンジをメインカラーに使って、派手でインパクトのある演出が特徴的なサイトデザインに仕上げられています。ファーストビューの画像領域では画像が切り替わる際のモーションに面白い効果が加えられていて、目を引く演出となっています。ヘッダーに...

サイトを開くと鮮やかなレッドの画面が表示され、すぐに文字が現れるモーションが展開されます。非常にインパクトがあり、サイトの導入として効果的な演出になっています。画面右上にはプラスマークと「MENU」の表示が設置してあり、クリックするとブラッ...