ホワイトとグレーをメインカラーに、イエロー・ライトブルーをアクセントカラーにしたフラットなデザインで、画面をスクロールするとタイトルの背後の幾何学模様や、コンテンツがアニメーションで浮かび上がる演出がされています。サービス内容や作業内容のディテールはアイコンやシンプルな図解を添え、下層ページの制作実績ではスクリーンショットをスライドショーにまとめることで、コンパクトなエリアに情報をすっきりとまとめています。製作依頼の際に必要な素材データや、受注できない作業内容についても細かく説明されているため、発注側がそれに沿って発注することでスムーズに作業が進むよう説明がされています。
執筆者
カテゴリ
基本情報
デザイン・クリエイターに関連するデザイン
-
「un-T design!」のホームページデザイン解説サイトを開くと右側に写真、左側に迫力のある筆跡で書かれた文字が目に飛び込んできて、インパクトのある演出が施されています。どちらにもカーソルを視点とした視差効果が加えられていて、カーソルの動きに呼応してちょっとした動きが見られることでユーザの...
-
「IDENTITY」のホームページデザイン解説ファーストビューの背景には立体的なアルファベットが画面に収まりきらないほど大きなサイズで表示されており、カーソルを視点とした視差効果が加えられていることで微細に動く仕組みになっています。斬新なデザインが特徴的で、印象に残りやすい構成になって...
-
「WEBデザインの見本帳」のホームページデザイン解説トップページ背景に本の見開き写真が使われていることでサイトのイメージを作り上げる要素になっており、インパクトのある設計が見ていて楽しくなるような演出になっています。表示された各項目には可愛らしい動物のイラストが配置されていて、一定時間で動く...
サービスサイトに関連するデザイン
-
「島田工房」のホームページデザイン解説メインビジュアルは3枚の指輪着用シーンで構成されたスライドショーで、写真の片側にグラデーションをかけることで上に配置したキャッチコピーを読みやすくし、同時に穏やかな空気を感じさせます。コンテンツの切り替え部分は帯状にトリミングした写真を配置...
-
「株式会社中島利七_利七屋」のホームページデザイン解説メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...
-
「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
イエローを使ったデザイン
- 「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説
画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
-
「埼玉東萌短期大学」のホームページデザイン解説サイトを開くと明るいイエローの背景がまず目に入ります。メインビジュアルは5枚の画像で構成されたスライドショーで、大学の魅力やオープンキャンパスの案内を伝えています。カラフルな色使いでポップな印象を与え、ナビゲーションメニューにイラストアイコ...
-
「めざまし茶づけ」のホームページデザイン解説鮮やかな山吹色の背景と、手書き風の緩いタッチの水色のロゴがまず目に入るインパクトのあるファーストビューです。エリアごとのイエロー・グリーン・スカイブルーの3色の背景は元気な印象を与え、ページの上下端に引かれたラインはお茶漬けのパッケージと同...
かっこいいなホームページのデザイン
-
「ツルタボルト株式会社」のホームページデザイン解説メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
-
「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「Free Space株式会社_SOURCE hair space」のホームページデザイン解説サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
