HARUIRO
design room

README

ワインひよこぐみサイト画像

1. 概要

本サイトは、趣味であるワインに関する知識やレビューを発信・管理するために制作したサイトです。
デザイン設計からコーディング、WordPressへの実装まで一貫して行いました。

2. デザインコンセプト

ワイン初心者でも気軽に閲覧できるよう、温かみのある配色と親しみやすいデザインを意識しました。
情報が多くなりすぎないよう、全体はシンプルな構成とし、読みやすさを重視しています。

3. 実装ポイント

記事の追加・管理がしやすい構成にするため、WordPressの「Cocoon」をベースに実装しました。
ワインレビューでは、種類や味わいの系統が一目でわかるよう、独自のバッチで表示を設計しています。
また、レビュー一覧ページには検索機能を実装し、目的のワインを探しやすい動線を意識しました。

4. JavaScript実装部分

  • アンカーリンクによるスムーススクロール
  • トップページ各セクション表示時のアニメーション

ユーザーの操作性を向上させることを目的に、
ページ遷移やスクロール時の体験が自然になるよう、JavaScriptによる演出を取り入れました。

5. 使用技術

HTML / CSS / JavaScript / Figma / WordPress(テーマカスタマイズを含む)