リラクゼーションサロン Webサイト
熊本市の架空リラクゼーションサロンを想定して制作したWebサイトです。
落ち着いた配色と余白を活かし、上質で安心感のあるデザインに仕上げました。
スマートフォン表示にも対応しています。
「作品の概要」
熊本市の架空リラクゼーションサロンを想定して制作したWebサイトです。サロンの落ち着いた雰囲気と上質さが伝わるよう、配色や写真、余白を丁寧に設計しました。メニュー、初回利用の流れ、店舗情報などを分かりやすく掲載し、スマートフォンでも快適に閲覧できるレスポンシブデザインに対応しています。
制作目的・ターゲット
制作目的
落ち着いた空間で心身を癒やしたい方に、サロンの雰囲気や施術内容を分かりやすく伝え、安心して予約してもらうことを目的に制作しました。
ターゲット
仕事や家事で疲れを感じている30〜50代の女性を主なターゲットとしています。
使用ツール・制作時間
使用ツール：
HTML / CSS / JavaScript
ChatGPT / Claude
制作期間：
約2日
AI活用：
ChatGPTとClaudeを活用し、ターゲットの設定、サイト構成の検討、キャッチコピーや掲載文章の作成、コーディングの補助を行いました。AIから得た提案をもとに、リラクゼーションサロンらしい落ち着きと上質さがサイト全体で統一されるよう、配色・写真・余白・レイアウトを調整しながら制作しました。
工夫したポイント
落ち着きと上質さを感じられるよう、黒・生成り・ゴールドを基調とした配色で統一しました。写真を大きく見せ、余白を十分に取ることで、リラクゼーションサロンらしい静かでゆったりとした雰囲気を表現しています。
また、初めて利用する方でも安心できるよう、施術メニューや来店時の流れ、よくある質問、アクセス情報を分かりやすく整理しました。スマートフォンでも情報を確認しやすく、予約ボタンへ迷わず進めるレイアウトを意識しています。
「制作を通して学んだこと」
AIを活用してサイトの構成や文章、コードを効率よく作成する方法を学びました。また、提案をそのまま使用するのではなく、目的やターゲットに合っているかを確認しながら調整することの大切さも実感しました。
制作を通して、配色・写真・余白・文字の見せ方を統一することで、サイト全体の世界観や使いやすさが大きく変わることを学びました。
コメント