M.Studio

学生インターン　UI

個人制作 / UIデザイン

学生インターン モバイルサイト SP版

Overview 案件概要

ターゲット
  • BtoC（高校3年生〜大学1年生）。
  • 職業体験をしたい、自分のやりたいことを見つけたい。
  • 周囲の人よりも、先回りして就活に向けて情報収集したい。就活で使える、ガクチカの実績を作りたい。
制作期間 3週間
使用ツール Figma

Concept デザインのコンセプト

ターゲットの心理 自身のやりたいことを見つけたいが、社会に出た経験が少なく、応募への不安がある。
サイトの印象 信頼できるサービスであると感じる。自身の探している（高校3年〜大学1年生の応募が歓迎されている）インターンが載っていそうな印象。
魅力を感じる部分 高校3年〜大学1年生でも応募できるインターンが載っている。
期待していること インターンを通じて、時給をもらいながら社会を体験してみる。自身のやりたいこと、行きたい業界を見つけられる。
カラー
  • 【オレンジ】
    「挑戦したい」という意欲を刺激するエネルギッシュなカラー。応募ボタンなどに配し、ポジティブなアクションを促す。
  • 【グリーン】
    初めての応募に不安を抱える学生に寄り添う、穏やかで親しみのある安心感を表現。
  • 【イエロー】
    社会体験を通じて見つかる、やりたい仕事や新しい自分といった「明るい未来」を表現。
  • 【グラデーション】
    初めてのインターンに挑戦する学生を後押しし、インターンへの応募を通じて自身の未来が広がる変化のプロセスを表現。

Point デザインのポイント

フォント
  • Noto Sans JP　日本語フォント
  • IBM Plex Sans JP　見出しフォント
  • Hiragino Maru Gothic StdN　数字
サイト
  • 初めてインターンに応募する高校生や大学生の不安に寄り添い、「安心感・親近感」を軸に設計。「未経験歓迎」や「友達と応募歓迎」といったタグを効果的に配置することで、応募への心理的ハードルを緩和。特に「友達と応募」という選択肢は、ユーザーの安心感を醸成するだけでなく、企業側にとっても一度に複数名の応募を獲得できる可能性を広げる導線として設計。
  • ビジュアル面では、ターゲット層に馴染みのある絵文字を活用し、キャッチーで親しみやすいデザインを作成。
  • 特に学業やアルバイト、個人のスタイル（髪色・服装など）が多様な大学1年生に向けては、それぞれのライフスタイルに合わせて柔軟に選択できる求人があることを一目で伝わるようアピールしている。
プロトタイプ Figma プロトタイプに移動

SP スマートフォン

scroll

Back Works
Back Works