WORKS 作品事例

website

01

整体・もみ処 杏様

ホームページを作らせていただきました。
ヒヤリング、競合調査、コンセプト設定、ワイヤー作成、ロゴ制作、 サイトデザイン、コーディングなどを全体を通して取り組みました。

整体・もみ処杏様のホームページのPCとスマートフォン版ファーストビュー
サイト概要
男性一人が営む、整体・マッサージ店のホームページ。 口コミサイトやGoogleマップから、お店の確認のために訪れることを想定。
ターゲット
40代〜50代の男女。
女性の需要が高いので、女性に安心感を持ってもらいたいが、男性の来客も多く、性別を問わないデザイン。
主な要望
個人のお店、かつ男性1人の経営のため、初回来店のハードルを下げたい。
コンセプト
  • ・疲れを癒しにくるお店のため、ほっと一息つけるような、リラックスできるようなイメージを与える。
  • ・任せて大丈夫と思える、安心感を抱かせる。
デザインのポイント
  • ・親しみやすさや柔らかい雰囲気を感じさせるために、角丸の図形や楕円形のデザインを取り入れました。
  • ・リラックス、穏やか、安らぎ、癒しをキーワードに、ベージュや緑などの落ち着きのある色を採用しました。親しみやすい雰囲気を出すために、アクセントカラーとしては親和性の高いオレンジみのあるピンクを使用しています。
  • ・写真は温かい雰囲気が出せるよう、黄色みを出すレタッチを施しました。
  • ・年齢層が高めなので文字は大きめ(本文は18px)で視線の流れやすい配置にしました。
  • ・見出しには、落ち着いていて、年齢層が高い方にも印象の良い明朝体を使用しています。リーズナブルな価格設定のため、見出しのみにすることで高級感を感じないようバランスを取りました。
使用ツール
  • デザインツール: Photoshop / Illustrator / XD
  • コーディング: HTML/SCSS/JavaScript
制作期間
  • ヒヤリング、競合分析、ワイヤー作成 :1週間
  • デザイン :2週間
  • コーディング :3週間

PCデザイン

整体・もみ処杏様のホームページのPC版TOPデザイン全体

競合分析メモ

ポジショニングマップ

ポジショニングマップ

サイト、サービス比較

サイト、サービス比較した表

SWOT分析

SWOT分析を行った表

SPデザイン

整体・もみ処杏様のホームページのスマホ版TOPデザイン全体