DESIGN × CREATIVE × LOGIC

TOP / WORKS / Well-being鍼灸院 Webサイト制作

Web 実案件 |2025.12-2026.2 |Figma / HTML / CSS / JavaScript / Bootstrap

Well-being鍼灸院 Webサイト制作

ユーザビリティの高いウェブサイト。設計から公開まで一貫制作。

Well-being鍼灸院 Webサイト制作
CLIENTWell-being鍼灸院 様
期間約3か月
担当情報設計〜デザイン〜コーディング〜公開
TOOLFigma / HTML / CSS / JavaScript / Bootstrap

PROCESS / 制作過程

概要・提案

 クライアントからのご依頼により、中医学(中国医学)専門の鍼灸院の開院に伴うWebサイト制作を担当しました。当初は最低限の情報掲載のみのご要望でしたが、将来的な集客を見据え、ランディングページとしての構成をご提案。情報設計やコンテンツを整理し、ターゲットに合わせたカラー・デザイン設計を行いました。

デザインカンプ

 デザインディレクションからUI設計までを担当し、ビジュアルの方向性を定義したうえでFigmaを用いて全9ページ(トップ、施術の流れ、院長紹介、症状の改善例、お灸について、料金案内、診療時間・アクセス、予約、ギャラリー)のWebサイトデザインを構築しました。店舗ロゴは看板製作業者様との連携、写真は撮影ディレクションを主導し、ブランドの世界観を統一させています。

コーディング

 Bootstrapを活用し、効率的かつスピード感のある実装を行いました。中国専門の鍼灸院であることから、日本人だけでなく英語圏・中国圏の利用者も想定し、AI翻訳を活用した多言語ページ(日本語・English・簡体中文)を制作。また、言語切り替え機能やお知らせ欄の動的表示などをJavaScriptで実装し、ユーザーがスムーズに情報へアクセスできるサイト設計を行いました。

公開

 デザインからコーディング、さらにドメイン取得やサーバーのセットアップを含む公開までの環境構築まで、すべての工程を一貫して手がけました。スマートフォンでも見やすいレスポンシブデザインで、開院後の集客を支えるユーザビリティの高いウェブサイトに仕上がっています。

▼実サイトは以下からご閲覧いただけます。▼

https://wellbeing-shinkyu.jp/index.html

RESULT / 成果
全9ページFigmaでデザイン構築 3言語対応日本語・English・簡体中文 LP構成を提案集客を見据えた情報設計
WORKS一覧へ戻る