‘transition’ miyuu yamaguchi portforio

TARTINE LUNE

架空のタルト専門店

作品のサムネイル

サイト名
TARTINE LUNE
ターゲット
20代~60代の女性。スイーツやカフェが好きで、素材や製法にもこだわる感度の高い層。
コンセプト
「自然の恵みを閉じ込めたタルト専門店」
旬のフルーツや素材の魅力を引き立て、見た目・香り・味わいすべてで“幸福感”を感じられるパティスリーをイメージ。
工夫した点
・コーディング
JavaScriptとSwiperを用いて、フェード演出を滑らかに実装し、ブランド自体の高級感を演出。
INGREDIENTSセクションでは、素材の画像が徐々に表示されるよう、スクロールに合わせたアニメーションを実装することで、自然と説明文へと誘導。
・デザイン全体をナチュラルブラウン系で統一し、焼き菓子の香ばしさや温かみを表現。
写真を大胆に配置し、フルーツの瑞々しさと素材の美しさを視覚的に伝える構成。
制作時期
令和7年 8月
制作時間
企画 / 情報設計:3時間
デザイン:8時間
コーディング:12時間
使用ツール
HTML・CSS / JavaScript / jQuery / Swiper / Figma / Photoshop
使用フォント
・タイトル / 英字:Baskervville
クラシカルで上品な印象を与え、高級感を表現。
・本文 / 日本語:Sawarabi Mincho 柔らかく可読性の高い明朝体で、温かみを演出。
使用カラー
#C3A997 / #93857A / #F8F4EC
焼き菓子の香ばしさや自然素材の温もりをイメージした、ブラウンベージュを基調に構成。
作品ページへ
こちらをクリック