サイト名 ： with pet
制作年 ： 2025年
使用ツール ： VS code
目次
TOPページ
制作コンセプト
シンプルで直感的に使えるトップページを意識し、視覚的にわかりやすいレイアウトで全体を構成しました。
余白を大切にしながら、利用者が迷わず次のページへ進めるようデザインしています。
ターゲット
- 初めてサイトを訪れるユーザー
- 店舗やサービスについて知りたい人
- 直感的に情報を得たい人
制作目的
サービス全体の入り口として、第一印象で信頼感を与え、各ページへの導線を明確にすることを目的としています。
制作で意識した点
- キャッチコピーやイメージ写真を大きく配置
- メニューをわかりやすく設置し、次のアクションを誘導
- トータルで落ち着いたデザインに統一
ABOUTページ
制作コンセプト
店舗やサービスの背景、想いを伝えるページとして、信頼感と親しみを重視。文章の読みやすさと写真のバランスに配慮しました。
ターゲット
- サービスの背景を知りたい方
- 利用前に安心感を求める方
- スタッフや理念に関心を持つ方
制作目的
店舗の基本情報をわかりやすく整理し、初めて訪れるお客様が迷わず来店できるようにすることが目的です。
営業時間や定休日、アクセス情報などを明確に提示することで、来店前の不安や問い合わせを減らし、安心して利用してもらえるページ設計にしています。
制作で意識した点
- 文章を簡潔で読みやすく構成
- 写真とテキストを交互に配置し、視線の流れを自然に誘導
- 信頼性を感じさせる落ち着いたトーンで統一
SERVICEページ
制作コンセプト
提供しているサービスを一目で把握できるよう、アイコンや写真を用いて視覚的に整理しました。
機能的でありながらも親しみやすさを感じられるデザインを意識しています。
ターゲット
- 提供サービスの詳細を知りたい方
- 自分に合うサービスがあるか確認したい方
- 利用前に内容を比較したい方
制作目的
店舗が提供するサービスの内容を明確に伝え、利用のきっかけをつくることが目的です。
制作で意識した点
- サービスごとにイメージ画像とテキストを組み合わせて整理
- 適切な余白をとり、読みやすさとわかりやすさを確保
- アイコンや写真で雰囲気を視覚的に伝達
CONTACTページ
制作コンセプト
利用者がストレスなく問い合わせできることを最優先に、シンプルで見やすいフォームをデザインしました。
必須項目を明確にし、安心して送信できる構成にしています。
ターゲット
- 初めて利用を検討している方
- サービスや料金について詳しく知りたい方
- 来店前に不安を解消したい方
制作目的
問い合わせをスムーズにつなげ、来店や利用に発展させることが目的です。
制作で意識した点
- 必須項目を明確に表示し、入力漏れを防止
- ラジオボタンやチェックボックスを活用し、入力の負担を軽減
- 「知ったきっかけ」などの項目を設け、マーケティングにも活用可能な設計
- 直感的に操作できる送信ボタン配置
- フッターまで統一感を保ち、全体のデザインを統合
コメント