手書き風の可愛らしいイラストがサイト全体に使われていて、ナチュラルな雰囲気を作り上げています。ヘッダーに配置されているイラストには太陽のイラストにモーションが加えられていて、カートマークが表示されています。クリックするとオンラインショップへのリンクになっていて面白い演出です。ナビゲーションメニューにはオリジナルデザインのアイコンが設置されていて、カーソルを合わせるとコンテンツのメニューがタブ表示される仕組みが見やすく、ユーザ目線を考えられています。スクロールしていくと写真をメインに展開された各種リンクページの表示があり、興味をそそる内容になっています。しっかりとしたデザインコンセプトのもと作り込まれていて、ユーザが楽しく閲覧できるサイトに仕上がっています。
カテゴリ
基本情報
農業に関連するデザイン
- 「はつかいちご」のホームページデザイン解説
左右反転した写真を2枚並べた写真が印象的なファーストビューです。ナビゲーションメニューはメインビジュアルの左下に控えめに配置し、マスキングテープ風の半透明のベタを重ねて素朴な雰囲気を感じさせます。手書き風のサイトタイトルと、ベージュを中心と...
- 「JAあさか野」のホームページデザイン解説
トップページのスライドショーは、右側にサムネイルのカルーセルを配置して任意で切り替えることができます。ナビゲーションバーはマウスオーバーするだけでリンクとともに詳細情報も併記されているため、基本的な情報のみ知りたい場合は下層ページを探し回る...
- 「苺ファーム森本」のホームページデザイン解説
ホワイトをベースに、イチゴをイメージするレッドを使ったホームページです。ファーストビューには、まっ赤なイチゴの画像が使われています。グローバルナビは、苺ファーム森本について案内しています。トップページは、苺ファーム森本が運営するオンラインシ...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ベージュを使ったデザイン
- 「Our Planet」のホームページデザイン解説
Netflixで公開されている、オリジナルのドキュメンタリーシリーズの公式サイトです。ファーストビューではこちらに向かってくるトラのムービーをはじめとした動画を全画面に配置し、強いメッセージ性を感じさせます。動画サムネイルは画像と同時にキャ...
- 「並木町の整骨院」のホームページデザイン解説
トップページ最上部にはお知らせ情報が定期的に切り替わるデザインです。またその隣にあるグローバルナビゲーションは拡大項目のタイトルの前には関連するイラストを用いておりポップでわかりやすい印象を与えます。 ページ上部には、どの地域で、どんなサー...
- 「福岡 薬院の美容室|&Loosen(アンドルーセン)」のホームページデザイン解説
トップページ最上部には電話番号が記載されています。お洒落なフォントを用い、背景画像も施術中の様子を撮影した爽やかでお洒落な印象のためページ全体が洗練された雰囲気が演出されています。コンセプトメッセージの下には「photo gallery」が...
ナチュラル・清潔感なホームページのデザイン
- 「EVE un BLUE」のホームページデザイン解説
鮮やかなブルーのアイラインが引かれた女性のビジュアルが印象的なファーストビューです。製品やシリーズのサムネイルはマウスオーバーでブルーのベタが重ねられ、特にシリーズのサムネイルはキャッチコピーが反転して浮かび上がる印象的な効果を施しています...
- 「元氣堂」のホームページデザイン解説
ファーストビューには縦書きでコンセプトメッセージを記載している点が特徴的です。またその下にはどんなサービスを提供しているのか大きく4つの項目に分け説明をしています。さらにその下にはお客様の声と題し 吹き出しで悩みを記載し、それぞれ詳細ページ...
- 「valetta」のホームページデザイン解説
ファーストビューはお洒落な画像が定期的に切り替わる視覚的に見ていて楽しいデザインです。トップページ内は大きく6つのグローバルナビゲーション項目を並べるのみで他の情報は掲載しない非常にシンプルなデザインです。各項目は英語表記ですが普段から馴染...