制作実績（いとう整体院様｜WEBサイトリニューアル）｜YORIYORK｜栃木県佐野市

リニューアル

いとう整体院様｜WEBサイトリニューアル

栃木市の「いとう整体院様」のWEBサイト（ホームページ）リニューアルのご依頼をいただきました。

ご要望

サイトをリニューアルし、現在提供している最新のサービスを表現したい。
集客の強化、魅力を伝えお申し込みを増加させたい。

企画・コンテンツ

お客様の魅力や強みを伺い、全体のコンテセプト、情報の設計を実施。
各サービスメニューの表示項目を協議させていただき、文言を作成いただきました。
集客・営業強化の視点を踏まえて、サイトの設計、構築を調整。

デザイン

・魅力である人を前面に出し、ロゴを活用し、オリジナリティあるデザインに調整。
・提供されるメニューが多い点でレイアウトを工夫。

UI

▼色
・お客様の希望の緑をメインカラーに設定。
・色味を柔らかいトーンにし、優しい印象に調整。
・アクセントカラーにはトーンを合わせたオレンジ、ベージュを使用。

▼書体
・「親しみやすさ」「穏やかさ」を出すように、丸みのあるゴシック体を設定。
・英語書体もゴシック体の全体の印象に合うものを選定。

▼形
・「親しみやすさ」を表現するために丸みのある形を使用。
・薄い影をつけ、各サービス内容が強調されるように調整。

▼メインビジュアル
・主要なサービスを左右で区切り、それぞれアピールを行う。
・中央にキャッチコピー、ロゴマークを配置し、サービス同士の繋がりをもたせる。

▼アニメーション
・スクロールやホバー時の挙動も、ゆったりとした雰囲気にし、優美な印象とする。

▼レイアウト
・背景に薄い色を敷き、施設内の穏やかな印象を表現。
・コンテンツ毎の背景をわけることで、内容の切り替わりを調整。
・ボタンにアクセントカラーを使用し、同線を強調。
・共通パーツ（見出し、ボタン）を定め、サイト全体の統一性を出す。

プログラミング

■CMSの導入
・お知らせ、専門情報を更新できるように設定。

■動き
・トップページにふわっと表示されるフェードインの実装。
・アンカーリンクにスクロールするスムーススクロールの実装。
・各メニューにアクセスがしやすい、ハンバーガーメニューの実装。
・スマホ表示時、縦に広がらないようにスクロールバーの実装。

■運用
・カスタムフィールドを用いて、サービスの調整ができるように構築。

■その他
・デバイスで表示が崩れないようにレスポンシブ構築。
・次世代の画像の形式のwebpを採用し、処理の高速化の実現。
・ドメイン、サーバーをXサーバーに移管。

SEO

・キーワード分析
・コンテンツ設計
・今後の運用を想定したプラグインを導入。
・各ページにメタディスクリプションの設定。