[ ARCHIVE // WORKS ]

FIG.01 — MAIN VISUAL
[ 01 // OVERVIEW ]
デザインからSTUDIO実装まで担当させていただきました。
PC・タブレット・スマートフォンのすべてで崩れないようブレークポイントを調整しました。
CLIENT
株式会社M's company
SCOPE
デザイン / コーティング / レスポンシブ対応 / 公開設定
PAGES
TOP + 仮想ページ
TOOL
STUDIO / Canva / Claude Code / Claude Design
SITE
https://mscompany-co.com/
↗
[ 02 // APPROACH ]
ISSUE 01
クライアント様の意向を再現
「シンプル」「清潔感」「信頼感」「見やすいデザイン」の要望があり、AIを使用しながらデザインを作成し、AIで補完できない部分は修正を加えながら実装しました。
ISSUE 02
レスポンシブ対応
レスポンシブ対応を実装。PC・タブレット・スマートフォンのいずれでもレイアウトが崩れないよう調整しました。
ISSUE 03
お問い合わせフォームの設置
HPから気軽にお問い合わせが行えるよう実装いたしました。
ISSUE 04
公開と動作確認
公開設定と各ページの表示・リンクの動作を確認。独自ドメインの設定、DNS設定まで問題なく行っております。
[ 03 // GALLERY ]

FIG.02 — RESPONSIVE / PC・スマートフォンでの表示
[ 04 // VOICE ]
ありがとうございました😊
— クライアント様レビューより
[ NEXT // CONTACT ]
制作の裏側や進行中のプロジェクトの一部をSNSで発信しています。Web制作の考え方、STUDIOの活用方法、公式LINEの導線設計など、日々の気づきを丁寧にまとめています。
MAIL. maisonwebsolutions@outlook.jp
ADD. TOKYO
RES. 通常2営業日以内にご返信