LP制作ポートフォリオ

Web制作の実務スキルを示すために、架空の店舗・企業を想定して制作したランディングページ3本です。
業種ごとに異なる目的を設定し、コピー・構成・デザイン・実装まで一貫して制作しました。

掲載しているすべての社名・実績・お客様の声は架空のものです。

飲食・カフェ
自家焙煎珈琲木もれ日

狙い: 来店動機をつくる

世界観と情緒を重視。明朝体とテクスチャで「静かな時間」を表現し、メニューとアクセスへ導く構成。
フィットネス
女性専用パーソナルジム NEMOFIS

狙い: 無料カウンセリングの申込

悩みの提示から解決までの縦導線を設計。料金の透明性と実績の提示で申込のハードルを下げる。
住宅リフォーム
トコヤネリフォーム

狙い: 無料見積もりの問い合わせ

信頼性を軸に構成。施工実績・保証・会社情報を段階的に提示し、フォームへ着地させる。

制作について

素のHTML / CSS / JavaScript のみで実装。フレームワーク・外部ライブラリは不使用で、1ページ＝1ファイル
ライトモード / ダークモードの両対応。OS設定への追従に加え、手動切り替えも実装
WCAG 2.1 レベルAA を基準にコントラストを設計。サイト全体で色に関わる492宣言を検証スクリプトで機械的に検査
375px〜1280px で横スクロールが発生しないことを実測で確認
景品表示法を踏まえた表記（根拠を要する表示の回避、打消し表示、税込表示）