企業HP

株式会社Social Tech


URL:https://motoya-s.com/socialtech/product.html ↗︎

 

プロジェクトの概要

 

株式会社SocialTechの主要4事業を紹介するコーポレートサイトを制作しました。ICT教育の普及という企業ミッションを明確に伝え、各サービスへの分かりやすい導線を設計することを目的としました。


ターゲットとペルソナ

 

  • ターゲット: プログラミング学習を検討している個人(学生、転職希望者)および、社員研修を必要とする企業。
  • ペルソナ:
    • 個人: キャリアアップを目指し、ITエンジニアへの転職を考えている20代後半の男性。
    • 法人: 新入社員のスキル底上げのため、研修サービスの導入を検討している人事担当者。

デザインのコンセプト

 

  • コンセプト: 「信頼感と成長」

主な工夫点

 

  • 清潔感のある青色を基調とし、企業の信頼性を表現しました。
  • 複雑な情報をアイコンやイラストで視覚化し、直感的な理解を促しました。
  • レスポンシブデザインを実装し、PCやスマートフォンなど様々なデバイスで快適に閲覧できる設計にしました。

使用ツール

  • デザイン:Figma
  • 開発:HTML,CSS(VScode)

制作期間

 

  • デザイン: 1週間
  • コーディング:2週間

得られた成果

 

本プロジェクトを通じて、企画から実装までの一連のWeb制作プロセスを経験し、経験値を上げることができました。


今後の課題

 

ユーザーの行動分析に基づき、より効果的なCTA(行動喚起)ボタンの配置やコンテンツ改善を検討する余地があります。