「それいけイチトニ編集室」のホームページデザイン解説

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

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

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

鮮やかなブルーをメインとしたビビットカラーのタイトルロゴに、直角三角形のドットで形成された野菜のイラストが次々と流れてきて、コンテンツに対する興味を強く惹きつけます。画面をスクロールすると野菜のイラストのサムネイルと、野菜の切り方のムービー...

画面いっぱいに表示されたビジュアルがスクロールで次々と現れる一見シンプルなサイトですが、ビジュアルをクリックすると使用されているフォントの一覧と解説のページが表示され、フォントのサンプル文をワンクリックで変更出来たり、サイズや行間をスライダ...

クラフト紙風にノイズを乗せたテクスチャの上に、ラフなタッチで描かれた顔文字のようなカラフルな笑顔のロゴが親しみやすさを感じさせるファーストビューです。コンテンツのバックはピンク、オレンジ、グリーンのポップな色が敷かれ、分解したロゴマークをサ...

サイトを開くとまず、画面いっぱいにアイソメトリックスで街並みが描かれ、マウスのスクロールで画面内を移動できるポップアップが表示されます。マップ内の各施設はコンテンツの入り口として機能しており、マウスオーバーするとコンテンツのタイトルが吹き出...

メインビジュアルは記事へのリンクを貼ったカルーセルとなっており、鮮やかなイエローのバックの上に、本の形にトリミングされた記事のサムネイルがまず目を引きます。淡いイエローをベースにネイビーをアクセントにしたカラフルな色使いですが、わずかに彩度...

画面の左右に固定されたビジュアルを大きく取り、中央の細いエリアのみがスクロールするレイアウトで、フィルムで撮ったような色使いの写真と、ざらざらとした質感のイラスト、縦書きの電話番号がレトロな雰囲気をまず感じさせます。イエローとネイビーをアク...

サイトを開くと画面中央に鮮やかな料理の写真がスライドショーで表示され、背後に敷いたスミ色のベタと、サイドメニューの毛筆風のロゴ周辺に大きくとった余白で、凛としたイメージと高級感を演出しています。背景はホワイトと淡いベージュのみ、テキストもス...

メインビジュアルの料理の写真を左右に、メニューを中央に配置したファーストビューです。メニューのエリアは商品パッケージにも使われているテクスチャを薄く敷き、小さな唐辛子のアイコンを店舗ロゴやコンテンツのタイトルに添えることで、商品のピリッと辛...

画面いっぱいに表示されたスライドショーでは店舗周辺の地域の風景と、一面に塗られたクリームやまぶされる砂糖のアップで、豊かな自然の中で育てられた製品の魅力をたっぷりと引き出しています。縦書きの明朝体のタイトルやナビゲーションメニューで和のイメ...