Portfolio
Web Design
プロジェクト概要
制作者としての技術力・デザイン性・専門性を最大限に表現し、クライアントや採用担当者に「課題解決×技術提案」を軸に、お客様が本当に解決したい課題を的確に捉える人である印象を与える構成を目指しました。
GSAP によるヒーローセクションのテキストアニメーションを実装。
→ 一行ずつフェードインさせ、訪問直後の印象を最大化。
Splide.js を活用し、「Works」セクションでカルーセル表示を実現。
→ 複数の実績をインタラクティブに閲覧可能。
脱jQuery を徹底。すべてのスクリプトをネイティブJavaScriptで書き換え。
アニメーション処理をGSAPに統一し、パフォーマンスを改善。
HTMLはセマンティック構造化を意識して再設計。
CSSはBEM記法＋変数化によって、再利用性とメンテナンス性を大幅に向上。
担当範囲
- サイト設計・デザイン構成
- 情報設計
- HTML / CSS / JavaScript コーディング
- WordPress
- アニメーション実装（GSAP / Splide.js）
- パフォーマンス最適化
使用技術
- HTML
- CSS
- JavaScript
- WordPress
- GSAP
- Splide.js
制作期間
1週間