Skills

WordPress / GSAP

Comment

PALCO劇場で上映された映画『モンキーマン』の特設サイトのコーディングを担当いたしました。
アニメーションの演出についてはお任せいただいたため、作品のホラー調の世界観に合うよう、以下のような細やかな演出を施しました。
・ぼかしを用いたフェード演出で不穏な雰囲気を演出
・スライドインのアニメーション速度をやや早めに設定し、不安感と緊張感を強調
・スクロールに応じて背景のエフェクトが変化する実装により、視覚的な没入感を強化
映画の持つ空気感をWeb上でも表現できるよう、細部までこだわった仕上がりとなっております。

Site URL

Skills

WordPress / GSAP

Comment

海外市場を視野に入れたBizHop様のWEBサイトのコーディングを担当しました。キービジュアルをはじめ、細部までこだわり抜いたアニメーションを施し、ブランドの「Japan Quality」を強調しました。パララックス効果や出現アニメーションを活用し、ダイナミックで印象的な演出を実現。海外ユーザーに向けた視覚的なインパクトと、使いやすさを両立したサイトを構築しました。

Site URL

Skills

WordPress

Comment

複数事業を展開するTech Drone様の特徴を整理し、洗練されたデザインと分かりやすい情報構造を実現しました。ドローンの飛行をイメージしたアニメーションを取り入れることで、ブランドの先進性を表現。ユーザーが直感的に目的の情報にアクセスできる設計で、視覚的な魅力と利便性を両立させたサイトを構築しました。

Site URL

Skills

Shopify / Liquid / Mikawayaカスタマイズ

Comment

ペットフードを展開するブランド「マンマボーノ」様のECサイト構築を担当しました。Shopifyにてサイト全体を構築。トップページや商品ページには、オリジナルのセクションを複数制作し、管理画面から内容の変更がしやすいよう柔軟な設計を行いました。
また、ユーザーのライフスタイルに合わせて定期的に商品が届くように、定期購買の仕組みも導入。専用アプリを活用しながら、購入サイクルや初回割引などのカスタマイズにも対応しています。
さらに、商品の特性上「1人につき1点のみの購入」といった制限を設けたいというご要望に応え、JavaScriptを用いて購入数の制限機能も実装しました。

Site URL

Skills

WordPress / 多言語サイト

Comment

データ利活用支援サービスを展開するLazuli PDP様のコーポレートサイトにおいて、コーディングを担当しました。WordPressをベースにしながらも、プラグインに依存せずに多言語対応を実装。日本語・英語をはじめとする複数言語に対応しつつ、運用面での更新のしやすさも考慮した設計を行いました。 また、ニュースや導入事例などの投稿コンテンツに対して、複数カテゴリでの絞り込み表示ができる機能をカスタムで実装。ユーザーが目的の情報にスムーズにたどり着けるよう、UI/UXにも配慮した仕上がりとなっています。

Site URL

Skills

WordPress / GSAP

Comment

株式会社enishe様のコーポレートサイトリニューアルのコーディングを担当いたしました。オープニングアニメーションからスクロールアニメーション、パララックスなど細部までこだわってアニメーションの実装をいたしました。

Site URL

Skills

WordPress / GSAP / クエリパラメータによる絞り込み

Comment

株式会社デイトラ様の新規コーポレートサイト制作において、コーディングを担当いたしました。 勾玉がふわふわと浮かぶアニメーションをはじめ、要素が登場する際のアニメーション速度を調整することで、心地よく洗練された動きを演出しています。また、クエリパラメータを活用し、カテゴリと年度ごとの絞り込みが可能な機能も実装。閲覧性と操作性の両面を意識しながら、デザインと連動した滑らかな実装を心がけました。

Site URL