「尾上製茶」のホームページデザイン解説

トップページには映像をフルスクリーンで背景に使用し、藍染めの工房の作業風景を美しく表現しています。また、画面の左上には常にロゴマークが配置され、サイト全体での統一感を出しています。清潔感あるホワイトのバックに色鮮やかな写真の数々を配置した後...

トップページのスライドショーは縦幅をコンパクトにしたため、新刊書も含めて画面に表示されるファーストビューです。ナビゲーションメニューとフッターに使われた鮮やかなブルーがアクセントになったシンプルな色使いで、規則正しいレイアウトは実店舗で棚に...

ファーストビューは温泉に入る女性とその地域の自然や伝統芸能の写真で構成されたスライドショーが表示され、温泉街の風情と自然の豊かさを感じさせます。写真をランダムに重ねた上に明朝体のキャッチコピーを重ねた訴求エリアと、画面右から左に流れるカルー...

画面中央に大きく表示された店舗ロゴの背景にスライドショーが表示され、明度を落とした写真を次々に映し出して重厚感と迫力を感じさせるファーストビューです。ブラックの引き締まった画面にホワイトの太いフォントが映え、ゴールドの中華風のあしらいがアク...

ファーストビューではまず鮮やかな赤みのかかったオレンジが画面いっぱいに広がり、画面右からクッキーの写真がスライドで流れてきて目を惹きつけます。オレンジのバックにホワイトのロゴとフォントという、シンプルながらコントラストがつけられた色使いです...

イエローのベタの上にスカイブルーで手書き風のロゴが表示され、画面が切り替わるとシンプルなラインで描かれたイラストが表示されるファーストビューです。イラストにはパーツごとにアニメーションが加えられ、「見て」「泊まって」「食べて」「遊んで」と重...

画面上部と左サイドに余白を持たせてナビゲーションメニューを配置し、全体にムービーを配置した上に大きく店舗ロゴを重ねた、シンプルながらも迫力のあるファーストビューです。色使いはモノトーンのシンプルなものですが、マウスの動きに追従する円形のカー...

トップページには映像をフルスクリーンで背景に使用し、藍染めの工房の作業風景を美しく表現しています。また、画面の左上には常にロゴマークが配置され、サイト全体での統一感を出しています。清潔感あるホワイトのバックに色鮮やかな写真の数々を配置した後...

トップページに表示されたスライドショーは、引き出しを開ける両手のイラストが鉛筆書き風の素朴なタッチで描かれ、引き出しの中にスライドショーがはめ込まれています。引き出しの横にはクリップでつるされたカード風のサムネイルが表示され、サムネイルをク...

筆ペンで描いたような緩やかな雰囲気のロゴと、背景に散りばめられた版画風の枝や葉っぱのイラストで、農園の温かい雰囲気を伝えてくれるデザインが印象的です。コンテンツの区切りには写真を画面幅いっぱいに配置するなど高画質の写真をページ内に多用し、視...

レンタルオフィスの予約サービスサイトです。ファーストビューは画面左にシンプルな手書きのイラスト、右にキャッチコピーを配置した、シンプルながらパッと目を引くデザインです。会議室の利用シーンの紹介では英語、日本語、イラストを組み合わせたビジュア...

ざらざらとした質感の上を版画風のアニメーションが揺らめき、左上の「本と美容室」というタイトルロゴと相まって、どんなページなのだろうという興味を閲覧者にまず持たせます。小説の本文を思わせる縦書きの明朝体でメインのキャッチコピーを置き、コンテン...