OPEN

Blogブログ

Home / Blog / Webのこと / おしゃれな和風サイトをご紹介させて頂きます。
2019.06.14

おしゃれな和風サイトをご紹介させて頂きます。

みずき みずき Other Blog

高知オフィスに常駐し始めてから自分のデザインの引き出しを増やすために、いろんなサイトを見て勉強するようになりました。
今までもネットを使っていたので、もちろん様々なサイトを見て来たのですが、注目するところが変わって来たように感じます。

これは誰に向けているサイトか。
このサイトでは何色の色が使われているか。
どのコンテンツを一番強調したいのか。

などを考えながら見ると、今までとは少し違った見方ができるようになりました。

今日は、自分が見て来たサイトの中で「おしゃれだな〜」「凝っているな〜」と感じたものを紹介致します。
ちなみに、本日ご紹介するテーマは「和風サイト」です。

お茶のはまだ

最初にご紹介させて頂きますのは、
お茶のはまださんのサイトです。
ファーストビューですでに素敵なサイト感と言うか、
どんなコンテンツがあるんだろうとワクワクするような作りになっています。
使われている写真ですが、いれているお茶と、お茶っぱがあることで「いい匂いがしそう」「どんな匂いなんだろう」と興味がわいてきます。

このサイトは特に緑が綺麗な写真が多いです。
サイト内で使われている色は、そんな綺麗な緑を邪魔しない黒、白、そして控えめな緑です。

そして、このサイトで一番のお気に入りポイントなのですが、
動きがおしゃれ且つサイトのイメージにぴったりなところ。
例えばサイトトップは開いた時にお茶を湯呑みに入れる水の波紋のようなものが広がったり、商品のご案内ページではホバーすると湯呑みに入っているお茶のようにゆらゆら揺れます。

青柳ういろう | 青柳総本家 公式サイト

次にご紹介させて頂きますのは、
青柳総本家さんのサイトです。
老舗の和菓子屋さんのサイトになります。
ページを開いてすぐに、蛙が飛んでいくように緑が画面を覆い、その下からメインビジュアルである各種和菓子のイラストがあらわれます。
ページのナビゲーションが左側にあることで、追従型ヘッダーのような圧迫感がないのもゆとりを感じさせます。

コンテンツは、「ずらし」「重ね」がいい具合に混ぜ込まれています。
文字は基本黒で、背景は和紙とそこに広がる淡い色で、非常に見やすくなっています。
老若男女誰が見ても見やすく、その上しっかり作り込まれているサイトだと感じました。

このサイトでの一番のお気に入りポイントは「お菓子作りへのこだわり」ページです。

タイトルが現れる時の動き、写真・文字の重ね方、縦書きの取り入れ方がとても好きです。
スクロールした際にモノクロ写真に色がつくアニメーションも、歴史を感じさせてお気に入りです。

 

 

以上、私のお気に入りのおしゃれな和風サイトでした!
また別のテーマでおしゃれサイトをご紹介できればと思います。

TOP