サイトを開いてまず、美しい海の映像に目を奪われます。その後、海中の泳ぐ魚や、その美しい環境を守ろうと海岸のゴミ拾い活動をしている人々の映像に切り替わり、サイトの意図を明確に示した構成になっています。スクロールすると、宮古島の人々からのメッセージが動画コンテンツで見られるページがサムネイル表示されていて、充実の内容になっています。また随時更新される、島のNEWSを掲載したコンテンツも用意されていて、定期的に来訪して更新情報をチェックしたくなるような仕組みも考えられています。他にも様々な下層ページが作り込まれていて、完成度の高いサイトと言えます。
カテゴリ
基本情報
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ホワイトを使ったデザイン
- 「GINZA WEDDING BOOK 25ans」のホームページデザイン解説
銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
- 「WEEK END」のホームページデザイン解説
ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
- 「美容室MILLOR」のホームページデザイン解説
ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
爽やかななホームページのデザイン
- 「HOKKAIDO TO GO」のホームページデザイン解説
ファーストビューは画面上と左を大きく開けてタイトルとナビゲーションを配置し、スライドショーを画面下に寄せた変則的なレイアウトです。ホワイトの帯を生かしたすっきりとしたレイアウトの中に、縦長のアルファベットのフォントがスタイリッシュな印象を与...
- 「小泉進次郎 Official Site」のホームページデザイン解説
サイトにアクセスすると、議員のポートレートが全画面に表示され、人物の魅力を全面に押し出しています。鮮やかなブルーをアクセントにしたフラットなテイストが信頼感と堅実さを感じさせ、極太のブロック体で力強いイメージを与えるデザインです。活動内容は...
- 「司法書士 青木事務所様」のホームページデザイン解説
白を背景に緑にてイラストや文字を表現しており統一感のある清潔な雰囲気のホームページです。トップページ最上部にはグローバルナビゲーションに加え、電話とメールのアイコンのボタンを用意しスムーズに問い合わせぎできるように配慮されています。 ファー...