coding coding coding coding coding
coding coding coding coding coding
ホンダモビリティ南関東

Brandingホンダモビリティ南関東

Role
coding, animation
Release
2025.03
Page
6p

自動車ディーラー「ホンダモビリティ南関東」様の活動をアピールするブランディングサイト。

トップコーディングを担当し、After Effectsを使用したアニメーション表現を制作しました。

Visit Site

Lottieアニメーション

  • After Effestsでシェイプアニメーションを制作し、JavaScriptで実装

全画面スクロール演出

  • GSAPのスクロールアニメーションライブラリ「ScrollTrigger」にて実装
制作範囲・期間
トップページコーディング:5日
使用ツール
HTML / CSS / jQuery / Adobe After Effects / Lottie

Profile

Yuri Suzuki | 鈴木ゆり

1993年生。
筑波大学 芸術専門学群 構成専攻 総合造形領域卒業。

2016年に現在の勤め先へ入社、保守管理業務を経てWebデザイナーに。
並行して後進指導やディレクション補佐を行いました。
2023年からはフロントエンドエンジニアにポジションチェンジ。

今後、デザイン・コーディング経験を生かした制作に携わりたいと考えています。

Design
  • Photoshop
  • Illustrator
  • Adobe XD
  • Figma
Coding
  • HTML
  • CSS・SCSS
  • jQuery
  • JavaScript
  • PHP
  • Gulp + EJS
Self-learning
  • CLIP STUDIO PAINT EX
  • After Effects
  • Premiere Pro
  • InDesign
  • Astro