Image for ASUNA Frontier株式会社 HP制作

ASUNA Frontier株式会社 HP制作

公開日: 2025/5/5
Web制作デザインFigmaホームページWordPressReact

概要

このプロジェクトでは、学生メンバーと協力しながら、ASUNA Frontier株式会社のホームページデザインおよびロゴ制作を担当しました。自分たちがメンバーの会社となるためどのように見られたいかを意識し、視覚的に魅力的で機能的なウェブサイトを構築しました。

使用技術

  • WordPress: ホームページの基盤として使用し、柔軟なコンテンツ管理を実現。
  • TypeScript + React (TSX): WordPress上で動作するいくつかの共通コンポーネントをプラグインとして開発。
  • Figma: ロゴデザインやウェブサイトのワイヤーフレーム作成に使用。

工夫した点

  1. チームでの協力

    • 学生メンバーと役割を分担し、効率的にプロジェクトを進行。
    • 定期的なミーティングを通じて進捗を共有し、課題を迅速に解決。
  2. ロゴデザイン

    • Figmaを使用してロゴをデザイン。
    • ブランドプロデューサーの方に確認いただき、高評価を得ることができました。
  3. 共通コンポーネントの開発

    • WordPressの柔軟性を活かし、ReactとTypeScriptを用いて再利用可能な共通コンポーネントをプラグインとして実装。
    • コードのメンテナンス性を向上させるため、コンポーネントベースの設計を採用。
  4. デザインと機能の両立

    • 視覚的な美しさとユーザー体験を両立させるデザインを追求。
    • レスポンシブデザインを採用し、さまざまなデバイスでの最適な表示を実現。

成果物

Home | ASUNA Frontier株式会社

このプロジェクトを通じて、我々のASUNA Frontierブランドイメージを構築し、ユーザーにとって使いやすいホームページを提供することができました。学生メンバーとの協力を通じて、チーム開発の重要性と楽しさを再認識する機会となりました。