2024.12.19 - Thu
Iguchi
おしゃれ＋かっこいい！“和風モダンなWebサイト”のホームページデザイン11選
モノトーンのあしらいがシックなデザイン事例
株式会社カネコ小兵製陶所
https://store.ko-hyo.com/（制作：株式会社リーピー）
岐阜県土岐市に本店をかまえる、株式会社カネコ小兵製陶所様のECサイトです。「焼き物」という商品をよりかっこよく・美しく魅せるために、あえて背景色はシンプルに、商品画像はシックでかっこいい「無彩色」を基調としたサイトカラーに仕上がっています。
阿部守商店
https://abemamoru-shouten.com/
魚をメインに地場産業を営む阿部守商店様のサイトです。墨で描いた魚のイラストが和の雰囲気を醸していますね。サイト全体は写真がメインの構成で、配色も白と黒の2色のみと非常にシンプルです。しかしスクロール時の挙動や、波を彷彿とさせるアニメーションには遊び心があり、単調な印象になることはありません。宣材写真の魅力も、非常によく引き立っています。
KYOTO SHIKIAMI CONCON（共創自治区CONCON）
髭を彷彿とさせるタイポグラフィが、和風ながらもモダンでトレンド感溢れています。帯を切り取ってはったかのような見出しが非常に特徴的で、四角くトリミングされた写真と相まってスクラップブックのようです。若者やクリエイティブに携わる人向けとしても、情報を非常にうまくメディア化したサイトですね。
”和”の上品さを打ち出したデザイン事例
宿いとう（株式会社 十八楼）
https://yadoito.18rou.com/ （制作：株式会社リーピー）
パララックス（視差）効果がサイトの奥行きを強調して、引き寄せられるような感覚を生み出し、サイトの世界観に没入させてくれます。スクロールやホバー時の挙動も、サイトの雰囲気と調和されておりとても優美に仕上がっていますね。ここでしか味わえないサイト体験をユーザーにもたらしてくれます。
有限会社安藤商店
https://ando-chochin.jp/（制作：株式会社リーピー）
提灯を生産・販売する安藤商店様の通販サイトです。提灯といえば伝統工芸品のイメージがありますが、こちらのサイトでは伝統的なものから現代のインテリアにも合うような新しいデザインのものまで取り扱っています。それを象徴するように、サイトのデザインも写真が大きく使われたモダンなレイアウトとなっています。提灯にぽっと灯るようなあかりがところどころふわふわと浮いているのもポイントです。
山水物産株式会社
https://sansuibussan.co.jp/（制作：株式会社リーピー）
山水物産株式会社様のサイトを制作させていただきました。少し茶色がかった趣のあるオレンジが、温かい雰囲気を演出しています。全体的に淡い配色を採用しているため画面がぼんやりとしてしまいそうですが、随所に散らばるネイビーが印象をグッと引き締めてくれているため問題ありません。おせちの魅力までもを引き立てる魅力的な配色となっていますね。
ロゴやイラストをメインにしたデザイン事例
カンダまちおこし株式会社
https://www.kanmachi.co.jp/（制作：制作会社リーピー）
十六フィナンシャルグループのまちづくり会社、カンダまちおこし株式会社様のウェブサイトを制作させていただきました。ローカルに回る経済、地方がおもしろくなる引力を起こす、というキーワードを元に、回転して引き合いながら広がっていくアニメーションを使用しました。サイト全体は暖色で統一し、温かみを演出しています。
株式会社亀忠
株式会社亀忠様が運営する、伝統的な風呂敷を使用した様々なギフトサービスを提案する「COCOLO」というサービスです。ファーストビューに美しい風呂敷のデザインを画面いっぱいに用いることで、風呂敷を大切にしている亀忠様の想いが伝わってきます。カーソルを持っていくと少しだけ動く仕掛けは、雰囲気を壊さずに見る人を楽しませる工夫になっています。
天下糖一プロジェクト（JAグループ北海道）
https://tenkatoitu-project.jp/
JAグループ北海道が手掛けるプロジェクトの特設サイトです。プロジェクト名の天下統一ならぬ天下「糖一」には、思わずクスッと笑みが漏れてしまいます。全体的にポップなあしらいでまとめつつも、落ち着いた浮世絵風のタッチのイラストが、サイト内を和の雰囲気でまとめています。
株式会社イプロス
株式会社イプロス様の採用サイトのデザインです。凛々しい表情で旗を構えるスーツ姿の男性が、「現代の武将」かのようでかっこいいですね。鮮やかな色調と北斎を思わせるイラストが目に新しく、見る人を独特な世界観に引き込みます。
立ち食い梅干し屋（Bamboo Cut）
ファーストビューのシュールなイラストがインパクト抜群のサイトです。ウェイトの重いロゴとは対照的にイラストのタッチは非常に繊細で、うまくバランスが取れています。文字を大きく配置すると野暮ったくなりがちなのですが、本サイトでは文字詰や組など、細部まで配慮がなされているため、重たい印象は一切ありません。水彩調の梅干しのイラストもとても可愛らしく、見ていて楽しいいサイトです。
『和風・レトロなサイト』を有効に活用しよう！
※ご紹介しているサイトの中で、「（制作：株式会社リーピー）」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処いたしますので、当社までご連絡くださいませ。
この記事を書いた人
Iguchi
Webマーケター／コンサルタント 愛知県一宮市出身。学生時代に企業の専属ブロガーを務める傍ら、個人経営の仲介業者・イベントプロモーターとして活動。 リーピー入社後は、Webサイト制作におけるプロジェクトマネージャー経験の後、「成果の出るサイト制作」を支援するSEOマーケターを担当している。
