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