[ ARCHIVE // WORKS ]
フラワーアレンジメント教室HP作成
FIG.01 — MAIN VISUAL
[ 01 // OVERVIEW ]
Figmaで完成していたデザインを、STUDIOで忠実に実装する。
さいたま市・戸田市でレッスンを行うフラワーアレンジメント教室「Luce」様のホームページ実装を担当しました。デザインはすでにFigmaで完成しており、そこからのコーディング（STUDIO実装）とレスポ...
デザインデータの意図を崩さないことを最優先に、余白・級数・行間を1pxずつ確認しながら実装。PC・タブレット・スマートフォンのすべてで崩れないようブレークポイントを調整し、LINE予約への導線はどの画...
CLIENT
Luce（フラワーアレンジメント教室）
SCOPE
STUDIO実装 / レスポンシブ対応 / 公開設定
PAGES
トップ / レッスン / オーダー・制作 / お知らせ
TOOL
STUDIO / Figma
SITE
luce-flower.studio.site
↗
[ 02 // APPROACH ]
課題と、それに対して行ったこと
ISSUE 01
デザインの忠実な再現
Figmaで完成していたデザインを、余白・級数・行間まで確認しながらSTUDIOで実装。意図を崩さないことを最優先にしました。
ISSUE 02
レスポンシブ対応
ご要望に含まれていたレスポンシブ対応を実装。PC・タブレット・スマートフォンのいずれでもレイアウトが崩れないよう調整しました。
ISSUE 03
LINE予約への導線
予約は公式LINEに集約されているため、各セクションからボタンへ迷わず届く位置に配置しています。
ISSUE 04
公開と動作確認
公開設定と各ページの表示・リンクの動作を確認。曖昧な指示は都度確認し、スピードを落とさず進行しました。
[ 03 // GALLERY ]
FIG.02 — RESPONSIVE / PC・スマートフォンでの表示
[ 04 // VOICE ]
「終始丁寧かつ迅速なご対応で、安心してお任せすることができました。制作スピードだけでなく、STUDIOに関する知識や、こちらの曖昧な説明をうまく汲みとっていただき、期待以上のHPに仕上げていただけたと感じております。」
— クライアント様レビューより
[ NEXT // CONTACT ]
まずは、お気軽にご相談ください。
制作の裏側や進行中のプロジェクトの一部をSNSで発信しています。Web制作の考え方、STUDIOの活用方法、公式LINEの導線設計など、日々の気づきを丁寧にまとめています。
MAIL. maisonwebsolutions@outlook.jp
ADD. TOKYO
RES. 通常2営業日以内にご返信