01
概要
本サイトは、趣味であるワインに関する知識やレビューを発信・管理するために制作したサイトです。デザイン設計からコーディング、WordPressへの実装まで一貫して行いました。
02
デザインコンセプト
ワイン初心者でも気軽に閲覧できるよう、温かみのある配色と親しみやすいデザインを意識しました。情報が多くなりすぎないよう、全体はシンプルな構成とし、読みやすさを重視しています。
03
実装ポイント
記事の追加・管理がしやすい構成にするため、WordPressの「Cocoon」をベースに実装しました。ワインレビューでは、種類や味わいの系統が一目でわかるよう、独自のバッジで表示を設計しています。また、レビュー一覧ページには検索機能を実装し、目的のワインを探しやすい動線を意識しました。
04
JavaScript実装部分
- アンカーリンクによるスムーススクロール
- トップページ各セクション表示時のスクロールアニメーション
ページ遷移やスクロール時の体験が自然になるよう、JavaScriptによる演出を取り入れました。
05
使用技術
HTML / CSS / JavaScript / Figma / WordPress（テーマカスタマイズを含む）