GAURA_STUDIO

• AI制作会社

  「これからの時代はAI」というテーマのもと、アニメ、イラスト、Webサイト、CMなど、多岐にわたるジャンルでAIクリエイティビティを発揮する架空のAI制作会社「GAURA_STUDIO」のコーポレートサイトを制作しました。本サイトは、クリエイティビティ溢れるデザインを軸に洗練されたブランディングを実現することで、業界内での差別化とクライアントへの信頼性向上の貢献、そして新規クリエイター獲得促進ができる内容を目指しました。

• 架空のAI制作会社「GAURA_STUDIO」は、XDデザインカンプからのコーディング課題を元にロゴ、画像、テキスト、配色、要素、一部セクション構成を再設計し、独自のアイディアを加えた作品です。

• デザイン

  本サイトは、コピー「躍進を続ける業界最注目のクリエイター集団」にふさわしい先鋭的でお洒落なデザインを目指しました。配色には#ab0f50や#402717をメインカラーとグラデーションに採用し、洗練された印象を演出。視覚的なアクセントとなるフォント'Cinzel Decorative'を使用し、全体のデザインに一貫したスタイリッシュさを持たせています。ファーストビューではParticles.js を用いて背景に合わせた美しいアニメーションを実装。会社のクリエイティビティを際立たせ、新規クリエイターの応募を促進します。

• Vite + Swiper + GSAP

  開発環境としてViteを採用し、高速なパフォーマンスを実現しています。Worksセクション では、Swiperを用いたスライドショーを導入し、多種多彩な制作実績を視覚的に魅力を最大化にアピール。スクロールトリガーを活用し、トップに戻るスムーズなアニメーションをGSAPで実装しました。

• お問い合わせフォーム

  Googleフォームを埋め込むことで静的サイトでもお問い合わせ機能を実現しています。また、送信ボタンは、必須項目を入力しないと送信できない仕様にすることでユーザーエクスペリエンスを向上させています。

• アクセシビリティ

  ハンバーガーメニューとアコーディオンメニューはアクセシビリティを重視し、キーボード操作のみでも快適に利用可能な設計を心掛けました。全てのユーザーがストレスなく利用できる環境を提供しています。