本制作物は、書籍課題に基づいて制作した静的なランディングページ作品です。
スキンケアブランドを想定し、商品の上質感や世界観をビジュアルで伝えることを目的としています。
【 実装技術・設計手法】
HTML / SCSS を使用し、BEM（Block Element Modifier）記法によるクラス設計を採用
コンポーネント単位での再利用性と保守性を意識したCSS設計
レスポンシブ対応（モバイルファースト）
GitHub Pages にてホスティング（静的公開）
【デザインの特徴】
ファーストビュー ：自然光×大理石のテクスチャで上質感・清潔感を表現
NEW PRODUCTS紹介 ：視覚的バリエーションとブランド訴求のバランスを意識
商品特徴パート ：ユーザーメリットが伝わるコピーと写真の組み合わせで訴求強化
CTAセクション ：シンプルな導線設計により、ユーザーのアクション喚起を重視
【補足】
本作品はデザインがあらかじめ決まっていた課題に対し、SCSS・BEM設計にて実装力を試す目的で制作しています。
見た目だけではなく、コードの構造・メンテナンス性も重視したアウトプットです。
- カテゴリー
- ランディングページ (LP) 制作
- 業種
- ファッション・アパレル
- 制作期間
-
3日
- 参考価格
-
20,000 円
- 最終更新日
-
2025年6月5日
制作者
30日前以上
あなたの想い。Webで形にします。
-
0 満足0 残念
- 個人
はじめまして。Web制作／Webアプリ開発を行っております、Hiro’s Lab（代表：岡本浩司）です。
バックエンド出身（PHP）ならではの、動的で使いやすいサイト制作を得意とし、
WordPress、STUDIO、HTML/CSSなども幅広く対応可能です。
単なる見た目だけでなく、仕組み・更新性・運用後のことまで考えて設計いたします。
■ 対応可能なこと
・STUDIOによるスピード制作（3日納品可）
・WordPress構築（Astra／Lightning等）
・HTML,CSS,Javascriptによる静的コーディング
■ 経歴（抜粋）
・業務系のWindowsアプリ開発(C#) 3年
・Webアプリ開発フロント（HTML/CSS/JavaScript）/バック（PHP＋SQLite) 3年
・税理士補助業務3年（経理／財務知識あり）
・2025年6月にHiro’s Labとして開業
■ 大切にしていること
・完璧主義より実行重視。まず形にし、改善しながら育てていくスタイル
・ミスを恐れずに前に進む開発マインド
・一方的な「制作」ではなく、対話のある「共創」を
デザインもコードも、まずは「伝える」ためにあるもの。
あなたの事業や想いが“きちんと届く”よう、心を込めてサポートいたします。
