制作実績
制作実績詳細です。
実績
プロジェクト概要
Oraliftセミナー（MARLE様） の公式ランディングページを制作しました。
デザインはとさき様が担当され、
そのデザインを「できる限り忠実に」「ニュアンスまで正確に」実装することを最優先に制作しました。
視線誘導、余白、フォントウェイト、パーツの動き方など、
デザインの“温度感”を損なわないよう丁寧にコーディングし、
ブランドイメージがしっかり伝わるLPに仕上げています。
制作体制
デザイン
とさき様
とさき様のポートフォリオはこちら
LP全体の構成・トーン・世界観をデザインとしてご提供いただきました。
コーディング
Mstudio（松田将志）
デザインのイメージを正確にWeb上へ落とし込むことを重視して制作しました。
アニメーションや動きの実装においても、デザインの雰囲気を損なわないよう微調整を繰り返しています。
制作のポイント
Figmaでとても丁寧にデザインの指示をいただけました。コーディングにおいて、とても助かりました。😃
-
自然な視線誘導を意識したアニメーション
文章の入りやすさと読みやすさを意識したモーションを採用。 -
WordPress管理下でのLP構築
今後の運用も考慮した構成で実装。 -
スマホ・PCどちらでも見やすいレスポンシブ設計
付随対応（SEO・サーチコンソール）
制作後、Google Search Console にてインデックスエラーが発生したため、
- URL正規化（https + www 統一）
- 不要ファイルの削除
- 301リダイレクト整理
- サイトマップ再送信・インデックス再申請
などの調整も行いました。
結果として、
「Oralift セミナー」「Oralift MARLE」「Oralift 谷 沙織」
といった主要ワードで検索表示される状態まで改善できています。
今回の制作では、
デザイン再現性 × 丁寧な実装
を最重視したLP制作となりました。