TOO CODE Portfolio
- URL
- https://too-code.com/
- サイト概要
- Webコーダーとしての実績・サービス内容・プロフィールを掲載したポートフォリオサイトです。親しみやすさと信頼感を意識し、仕事内容や強みがわかりやすく伝わる構成で制作しました。
- 担当範囲
- コーディング / WordPress / アニメーション実装
- 使用技術
- HTML / CSS（Sass） / JavaScript （Swiper.js , GSAP） / WordPress（オリジナルテーマ , ACF） / PHP / Figma
- 実装内容
-
・TOP＋下層6ページ
・Contact Form7でバリデーション付きお問い合わせを実装
・reCAPTCHAの導入
・制作実績やFAQはカスタム投稿・カスタムフィールドで構築
・JavaScript／jQuery／GSAPを使用したアニメーション
- 視線誘導のためのフェードインや線の描画
- 印象づけのためのカードめくりやアイコン演出
- サイトの世界観に合わせた浮遊・落下アニメーション - 工夫した点
-
①TOPのスライダー、FAQ、制作実績はCPTUIとACFで実装し、公開後も内容の追加・修正がしやすい構成にしました。
②FVの出現や各セクションのフェードイン、プロフィールページ内の線の描画やスキル表示のアニメーションなど、サイト全体の雰囲気を損なわない範囲で動きを加え、視線誘導と印象づけにつなげました。
③作品を見せるだけでなく、「どんな制作ができるか」「どのような姿勢で取り組んでいるか」が自然に伝わるよう、情報設計と導線を意識して構成しました。 - 制作期間
- 1～2ヶ月
- 値段
- ￥110,000（税抜）
