- Coding
Rich-Life
Information
サイトの雰囲気に合わせ、落ち着いたアニメーションを実装しました。
同一デザインのセクションが複数あったため、再利用性を意識したCSS設計を行い、効率的にコーディングしています。
また、ヘッダーにはメガメニューを実装し、ユーザーが目的の情報にアクセスしやすい構成にしました。
- Client
- Rich-Life
- URL
- https://yamamoriweb.com/lich-life/
- pass
- demo / demo
- Scope
- コーディング・アニメーション（フェードイン・時間差のフェードイン・アコーディオン）
- Date
- ５営業日
POINT
ヘッダーにはメガメニューを実装し、大量の情報を整理して表示できるナビゲーションを構築しました。 ホバー時（またはクリック時）の挙動や表示タイミングを調整し、ユーザーにとってストレスのない操作感を意識しています。
