サイトを開くと全国の都道府県名がリンクボタンになった一覧が表示され、一目で内容が理解できて、選択できる設計がしっかりとユーザ視点を考えられています。ページ上にはキャラクターのイラストも配置されていて、可愛らしい雰囲気が演出されています。また、背景色や全体を構成する要素を濃いイエローで統一しており、まとまりを感じるデザインが表現されています。サイトメニューには「バイトノウハウの基本」という項目があり、オリジナルデザインのアイコンを用いてわかりやすく直感的に操作できる仕組みになっています。下層ページもしっかりと作り込まれていて完成度の高いサイトです。
執筆者
カテゴリ
基本情報
サービスサイトに関連するデザイン
-
「TRIPPIN」のホームページデザイン解説海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
-
「Gare Centrale de Montréal」のホームページデザイン解説カナダにあるモントリオール中央駅のサイトです。メインビジュアルは３枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
-
「stimmt」のホームページデザイン解説オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
イエローを使ったデザイン
-
「TIMETABLE」のホームページデザイン解説アメリカのヒップホップアーティストWhoareiのアルバム告知のページです。イエローのバックに9枚のアニメーションがタイル状に配置された下に、配信サイトへのリンクが添えられたのみのシンプルな構成ですが、アニメーションはマウスでドラッグしてル...
-
「PLATFORM」のホームページデザイン解説トップページ上部にはまず初めに、何が出来るサービスであるかを端的に1文で説明し、あわせて簡単な紹介文を掲載しています。背景は明るいはっきりとした黄色を用いることでインパクトのあるデザインに仕上がっています。ページ下部へ進むと、タイトルと説明...
-
「あおば会計事務所」のホームページデザイン解説イエローをベースにグリーンをアクセントにしたサイトです。青葉のイラストが、会計事務所のトレードマークとなっています。ファーストビューには、植木鉢で植物を育てているイラストが描かれています。グローバルナビにてあおば会計事務所の事業内容、料金表...
ポップなホームページのデザイン
-
「Droptokyo」のホームページデザイン解説東京のファッションメディアのサイトで、鮮やかな原色のイエローとブルーがまず目に入ります。画面左にナビゲーションを固定し、中央をスライドショー、右側はコンテンツのリンクとワイド画面を３分割したレイアウトで構成されています。スライドショーをスク...
-
「社会福祉法人実源福祉会 一の宮保育園（公式ホームページ）」のホームページデザイン解説ブルーをベースに、カラフルなイラストが描かれたサイトです。ファーストビューには、一の宮保育園で遊ぶ園児たちが写っています。グローバルナビにて保育園の概要、年間行事予定などを案内しています。トップページは2カラム構成で、左サイドに新着情報と一...
-
「かいせい保育園」のホームページデザイン解説ホワイトをベースにしたカラフルなサイトです。ファーストビューには、かいせい保育園で元気に遊ぶ園児たちを写した動画が使われています。グローバルナビにて保育園での生活、かいせい保育園の施設一覧などを案内しています。メールマークの付いたイエローの...
