チョコレート専門店のトップページ

制作時期	デザイン2025年7月下旬 / コーディング2025年10月中旬
制作時間	デザイン20時間 / コーディング30時間
使用ソフト	Photoshop / Dreamweaver
概要	職業訓練校の課題として制作した、初めてコーディングまで行った作品です。 当初は、デザイン段階でピクセル単位まで指定された訓練校独自のデザイン型をもとに制作しましたが、より良い表現を追求したいと考え、徐々に型から離れて調整を行いました。 デザイン変更に合わせてコーディングも何度も修正し、デザインと実装を往復しながら完成させた初の実践的なプロジェクトです。
実際のサイト	https://gcn-portfolio.com/g20250515/oi/chocolete/

ターゲット層

20代後半〜50代の社会人。
自分へのご褒美や特別な日のギフトとして、少し贅沢なチョコレートを選びたい人。

サイトの目的

ブランドの世界観や製法へのこだわりを丁寧に伝え、購買意欲を高めること。
また、継続的なファンを獲得するため、最新情報やキャンペーンを定期的に更新し、ブランドの魅力を発信し続ける役割を担う。

チョコレート専門店の特徴

日常から「特別な時間」へ切り替えるための“鍵”となるチョコレートブランド。
チョコレートをきっかけに、贈る側も受け取る側も心が満たされるような、特別なひとときを提供する。

デザインコンセプト

落ち着いた色使いと余白を大切にしたシンプルな構成で、大人の上質さを表現。
テキストやロゴには濃いブラウンを用いて全体を引き締め、背景には暗めの白や淡いブラウンを使用して高級感を演出。彩度の高い色は避け、世界観を壊さないトーンに統一した。
フォントは、ブランド紹介や店舗情報などの重要な情報には細身のセリフ体・明朝体を使用し、品のある印象を強調。バナーや案内の見出しには、視認性を考慮してサンセリフ体・ゴシック体を併用している。

デザイン