[ ARCHIVE // WORKS ]

レスポンシブ対応

FIG.01 — MAIN VISUAL 

[ 01 // OVERVIEW ]

トリミングサロンHPのレスポンシブ対応

すでにSTUDIOのテンプレートで作成したあったトリミングサロンHPのレスポンシブ対応をさせていただきました。

既存のサイトの情報を残しながら実装。PC・タブレット・スマートフォンのすべてで崩れないようブレークポイントを調整しました。

CLIENT

クラウドワークスより

SCOPE

レスポンシブ対応

PAGES

TOP / 仮想1ページ

TOOL

STUDIO

[ 02 // APPROACH ]

課題と、それに対して行ったこと

ISSUE 01

デザインの忠実な再現

表示崩れがないように、すべての幅で調整を行いました。

ISSUE 02

レスポンシブ対応

レスポンシブ対応を実装。PC・タブレット・スマートフォンのいずれでもレイアウトが崩れないよう調整しました。

ISSUE 03

SEO

基本的なタイトル/ディスクリプション設定、OGP画像設定、ファビコン設定、alt属性設定、見出しタグ(H1〜H6)設定の確認

ISSUE 04

公開と表示確認

公開後のサイトの確認、実機を用いて表示崩れがないことを確認いたしました。

[ 03 // GALLERY ]

FIG.02 — RESPONSIVE / PC・スマートフォンでの表示

[ 04 // VOICE ]

今回で2回目の依頼でしたが、今回もとても丁寧かつ迅速にご対応いただきました! こちらの要望にも一つひとつ対応してくださり、細かい部分まで確認・修正していただけて本当に助かりました。 安心してお任せできる方なので、またSTUDIO関連でお願いしたいことがあれば、ぜひお願いしたいです。 今回も本当にありがとうございました!

— クライアント様レビューより

[ NEXT // CONTACT ]

まずは、お気軽にご相談ください。

制作の裏側や進行中のプロジェクトの一部をSNSで発信しています。Web制作の考え方、STUDIOの活用方法、公式LINEの導線設計など、日々の気づきを丁寧にまとめています。

MAIL. maisonwebsolutions@outlook.jp

ADD. TOKYO

RES. 通常2営業日以内にご返信