Coding
Famm Loungeコーディング（納品実績）
- 案件内容
- Famm Loungeページのコーディング
- デモページ
- View Demo ↗
- 制作内容
- 支給されたデザインをもとに、HTML / CSSでコーディング
- 対応画面
- PC（レスポンシブ対応なし）
- 使用ツール
- HTML / CSS
- 制作の目的
- 支給されたデザインを再現し、情報を見やすく整理したFamm Loungeページを制作しました。
- 工夫した点
- レイアウトや余白を調整しながら、ページ内リンクやボタンのホバー表現を実装しました。
- 掲載について
- 納品作品を掲載許可のもと、デモページとして公開しています。
Demo page / Desktop view
こだわりポイント
支給デザインの再現
レイアウトや余白、文字サイズを調整し、支給デザインに沿ってコーディングしました。
ページ内リンクの実装
ヘッダーメニューから各セクションへ移動できるページ内リンクを実装しました。
ホバー表現の実装
ボタンにホバー時の変化を加え、操作していることが伝わるよう実装しました。