
案件チャレンジ企画
デイトラ様のコーディングチャレンジ企画になります。1文字づつ色が変わるアニメーションや画像が扉になるようなアニメーションを実装しました。
- HTML
- SCSS
- JS
- GSAP

デイトラ様のコーディングチャレンジ企画になります。1文字づつ色が変わるアニメーションや画像が扉になるようなアニメーションを実装しました。

デザインデータ(Figma)を元に、WordPress構築とレスポンシブ対応のコーディングを担当。メニュー更新など日々の運用がしやすい構成を意識しています。

デザインデータ(Figma)を元に、レスポンシブ込みのコーディングを担当。ファーストビューはスライドで中央の画像が”アップする”アニメーションを加えております。

デザインを基にコーディングを担当。オートスライダーとアコーディオンを実装し、動きがあるLPに仕上げました。

AIプラットフォーム企業を想定し、「スピード感」「正確さ」を感じられるよう、アコーディオン開閉速度を調整しました。企業の雰囲気に合う動きになるよう意識して実装。

レスポンシブ対応込みのコーディングを担当。デザインデータ(Figma)を元に、アコーディオンとタブ切り替え機能をJavaScriptで実装しました。

デザインカンプを元に、コーディング/ワードプレス構築を担当いたしました。

デザインを元に、企業サイトをWordPressで構築。更新しやすい管理画面と、レスポンシブ対応のコーディングを担当しました。

デザインを元に、パーソナルジムのLPをコーディング。各セクションのメリハリとスクロールで読み進めやすい構成を意識し、レスポンシブ対応で実装しました。

デザインを元にコーディングを担当。スクロールに合わせたパララックスの視差効果を実装し、写真の印象が際立つLPに仕上げました。

水素水のLPをデザインカンプを元にコーディングしました。

デイトラ様のコーディングチャレンジ企画になります。1文字づつ色が変わるアニメーションや画像が扉になるようなアニメーションを実装しました。

デザインデータ(Figma)を元に、レスポンシブ込みのコーディングを担当。ファーストビューはスライドで中央の画像が”アップする”アニメーションを加えております。

デザインを基にコーディングを担当。オートスライダーとアコーディオンを実装し、動きがあるLPに仕上げました。

AIプラットフォーム企業を想定し、「スピード感」「正確さ」を感じられるよう、アコーディオン開閉速度を調整しました。企業の雰囲気に合う動きになるよう意識して実装。

レスポンシブ対応込みのコーディングを担当。デザインデータ(Figma)を元に、アコーディオンとタブ切り替え機能をJavaScriptで実装しました。

デザインを元に、パーソナルジムのLPをコーディング。各セクションのメリハリとスクロールで読み進めやすい構成を意識し、レスポンシブ対応で実装しました。
