‘transition’ miyuu yamaguchi portforio

静叡 seiei

架空の茶器ブランドサイト

作品のサムネイル

サイト名
静叡 seiei
ターゲット
30代~50代の男女。和の美意識や静穏な空間を好み、上質なデザインやクラフトに関心のある層。
コンセプト
「静けさの中に宿る叡智」
日本の伝統美とモダンさを融合した、茶器ブランド。 黒と白、余白のコントラストによって、凛とした静寂を感じさせるデザインを追求。
工夫した点
・コーディング
MV画像を一枚ずつ遅延フェードで表示し、順番にこだわって静かな世界観を演出。全体のアニメーション速度を抑え、落ち着いた印象に統一。Product後には固定アニメーションを取り入れ、最後までユーザーの視線を惹きつけ離脱させない構成。
・デザイン縦横に配置されたロゴと、余白を活かした構図で上品さを演出。 モノトーンを基調に、マットな質感を意識した写真選定で高級感を表現。mv及びcraftセクションには背景に素材を取り入れることで単調にならないデザインに。
制作時期
令和7年 8月
制作時間
企画 / 情報設計:4時間
デザイン:12時間
コーディング:11時間
使用ツール
HTML・CSS / jQuery / Swiper / Figma
使用フォント
・タイトル / 英字:Hina Mincho
柔らかく繊細な印象、ブランドの持つ上質な雰囲気を表現。
・本文 / 日本語:Shippori Mincho 和の落ち着きを感じさせる明朝体。上質で静かな世界観を支えるベースとして採用。
使用カラー
#EEEEEE / #3C3C3C
モノトーンを基調に、無駄を削ぎ落とし、洗練された印象を演出。
作品ページへ
こちらをクリック