わかば個別指導塾|個別塾サイト

制作実績

works

わかば個別指導塾様
ランディングページ
新規構築

デザイン確定後、LPのコーディング全般を担当。複数のアニメーションを組み込み、ユーザーの視線誘導や訴求効果を意識したリッチなビジュアルを実現しました。

サイトをみる

プロジェクト概要

わかば個別指導塾様

URL https://wakaba.com

※架空サイト

担当範囲: コーディング全般 / アニメーション実装 /
制作期間: 約3週間
価格: ￥30,000（目安）
サイト概要: わかば個別指導塾様の、一人ひとりに合わせたオーダーメイド指導をアピールして入塾を訴求するサイト。
使用技術: HTML(BEM) / JavaScript / GSAP / Figma
アニメーション: GSAP(ScrollTrigger) / Swiper.js/タブ切り替え/モーダル/パララックス/アコーディオン

実装のポイント

実装で
工夫した点

各デバイスの特性に合わせてアニメーションの発火タイミングを最適化し、ユーザーがストレスなく閲覧できるよう工夫。
全体を通して動きのあるリッチなデザインを実装し、UI/UXの向上を図りました。

課題と
解決策

当初、多数の画像コンテンツによりページの表示速度が懸念されました。
これに対し、動画の遅延読み込み（Lazy Loading）を実装し、初期表示のパフォーマンスを大幅に改善しました。

制作実績一覧にもどる

その他の
制作実績
をみる

Open Cafe / カフェサイト

制作期間: 1カ月
価格(目安): 約8万円
技術: BEM / WordPress / PHP

#WordPress
#自主制作

Ravec / タスク管理ツールサイト

制作期間: 2週間
価格(目安): 約3万円
技術: BEM

#静的
#LP
#自主制作

CareSend / 介護士派遣サイト

制作期間: 2週間
価格(目安): 約3万円
技術: BEM

#静的
#LP
#自主制作

わかば個別指導塾様
ランディングページ
新規構築

プロジェクト概要

実装で
工夫した点

課題と
解決策

Open Cafe / カフェサイト

Ravec / タスク管理ツールサイト

CareSend / 介護士派遣サイト

ご相談、お見積もりのご依頼など、
お気軽にご連絡ください。

ご相談、お見積もりのご依頼など、
お気軽にご連絡ください。

わかば個別指導塾様 ランディングページ 新規構築

プロジェクト概要

実装で工夫した点

課題と解決策

Open Cafe / カフェサイト

Ravec / タスク管理ツールサイト

CareSend / 介護士派遣サイト

ご相談、お見積もりのご依頼など、お気軽にご連絡ください。

ご相談、お見積もりのご依頼など、お気軽にご連絡ください。

わかば個別指導塾様
ランディングページ
新規構築

実装で
工夫した点

課題と
解決策

ご相談、お見積もりのご依頼など、
お気軽にご連絡ください。

ご相談、お見積もりのご依頼など、
お気軽にご連絡ください。