見出し画像

かいのわ #1日1サイトレビュー

【概要】沖縄の自然の素材を用いた、手作り装身具のサイト。

【印象】
白地に水色や緑の文字で、美しい海を連想させる。

【メインビジュアル】
・4枚の写真のスライドショー。徐々に写真が遠のいていく動き。
・白い明朝体で、無垢・繊細・洗練といった印象を受ける。
・スクロールへ誘導する矢印が動く。

【コンテンツ】
・どのページでも、下にスクロールすると背景が透明だったメニューバーが白くなり、文字色が緑になる。
・スクロールを進めると頻繁に画面端に装飾が飛び出してくる動きが取り入れられている。
・Aboutの画像上にhoverした際、「写真が拡大する」「内側にラインが現れる」「文字が内側に移動する」という3つの動きが同時に発生する。
・タイトル部分や副題などに、縦書きの文が効果的に取り入れられており、文字がデザインとしての役割も果たしている。
・文章の右寄せ、左寄せを部分によって効果的に使い分けている。
・HOMEの商品紹介部分の画像配置が交互で視線誘導が効果的にされている。
・スライドショーは切り替わりの際に左から右へ緑色が移動する。
・ギャラリーは写真を並べるだけでなく、hoverすると透明度のある緑色になり、その写真の説明文が現れる使用。
・ITEMのリンクは適宜HOMEに戻ったり、外部に飛んだりと、工夫されている。
・お手入れに関するページがあるのが、ユーザーの視点に立っていて良い。

【カラー】
ベース:#fff/メイン:#249f98

【フォント】
"游明朝体","YuMincho","游明朝","Yu Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN W3",HiraMinProN-W3,"ヒラギノ明朝 ProN","Hiragino Mincho\aProN","ヒラギノ明朝 Pro","Hiragino Mincho Pro","HGS明朝E","MS P明朝","MS\aPMincho",serif

画像1


この記事が気に入ったらサポートをしてみませんか?