オーダーメイドの絵本ギフトサービスを提供・紹介しているWEBサイトということで、絵本のイメージに沿って全体的に可愛らしくまとめられています。各項目のリストが「もくじ」と称されて見開きの本の写真上に配置されているところや、トップページ右下でページをめくるようにしてキャラクターが覗く動きをしているところなど、細かなところに遊び心が垣間見えて、閲覧するのが楽しくなります。「もくじ」ではコンセプト・利用シーン・製品情報などを限りなくシンプルにした文章にまとめて記載されていて、特殊なサービスながらも非常にわかりやすいです。さらにサイトで説明をしている内容を、3分ほどの短い内容にまとめた動画へのリンクも設置されていて、ユーザー視点を非常に考えられています。先述のキャラクターが覗いている箇所をクリックすると、WEB上で絵本が読めるようになっています。絵本の内容も大変充実しており、このサービスへの意欲や情熱を感じます。そのまま絵本を読み進めていくとお申し込み画面に遷移する流れになっており、サービスの展開方法をよく考えられて作られたクオリティの高いサイトに仕上がっています。
カテゴリ
基本情報
制作会社に関連するデザイン
- 「衛星放送協会」のホームページデザイン解説
ヘッダーに固定表示されたナビゲーションメニューの設計が、各メニューにカーソルを合わせると下部からタブが現れる仕組みとなっていて、それぞれ色分けされていることで見やすい構成となっています。また、ポップな色分けによってサイトの雰囲気を演出する要...
- 「カンテレのチカラ」のホームページデザイン解説
ピンクの英語フォントで大きく書かれたタイトルと、モザイク状にちりばめられたカラフルなテクスチャがポップでお洒落な印象を与えます。画面をスクロールさせると画面幅いっぱいに表示されるピンクのバーが目を引き、クリックするとエントリーコースの一覧が...
- 「tv asahi」のホームページデザイン解説
サイトを開くと鮮やかなグラデーションの背景上にテレビ番組のバナー画像が表示されていて、目を引くデザインが考えられています。画像領域の横にはタイムテーブルと番組表がタブによって切り替えられる表示が設置されており、一目で優先度の高い情報が得られ...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ベージュを使ったデザイン
- 「Our Planet」のホームページデザイン解説
Netflixで公開されている、オリジナルのドキュメンタリーシリーズの公式サイトです。ファーストビューではこちらに向かってくるトラのムービーをはじめとした動画を全画面に配置し、強いメッセージ性を感じさせます。動画サムネイルは画像と同時にキャ...
- 「並木町の整骨院」のホームページデザイン解説
トップページ最上部にはお知らせ情報が定期的に切り替わるデザインです。またその隣にあるグローバルナビゲーションは拡大項目のタイトルの前には関連するイラストを用いておりポップでわかりやすい印象を与えます。 ページ上部には、どの地域で、どんなサー...
- 「福岡 薬院の美容室|&Loosen(アンドルーセン)」のホームページデザイン解説
トップページ最上部には電話番号が記載されています。お洒落なフォントを用い、背景画像も施術中の様子を撮影した爽やかでお洒落な印象のためページ全体が洗練された雰囲気が演出されています。コンセプトメッセージの下には「photo gallery」が...
シンプルなホームページのデザイン
- 「介護付有料老人ホーム アンサンブル&ファミニュー」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、介護付き有料老人ホーム「アンサンブル・ファミニュー」を紹介しています。グローバルナビにて「施設を探す」、「施設をもっと知る」などを案内しています。エリアマップから、...
- 「博報堂 HAKUHODO Inc.」のホームページデザイン解説
ファーストビューは画面中央にシンプルに配置されたキャッチコピーと小さな円のアニメーションで構成されたメインビジュアルで、アニメーションは時間経過とともに正方形のコンテンツサムネイルと交互に表示される構成です。同様のエフェクトは新着記事のサム...
- 「【公式】老人ホーム・デイサービス「はなことば」」のホームページデザイン解説
グレーをベースに、オレンジやネイビーをアクセントにしたサイトです。ファーストビューでは、老人ホーム・デイサービス「はなことば」を紹介しています。ファーストビューに「随時、内覧受付中!」のオレンジのアイコンが貼ってあります。グローバルナビにて...