はじめに

こんにちは！SAKURUGで高校生インターン「チェリスタ」を運営しているデザイナーのHyeminです。

今回は、先日行った3日間のデザインインターンについて、どんな内容をどんな流れで進めたのかをご紹介します！

今回のインターンについて

今回の課題は 「公共図書館アプリ『よむよむ』のブランドガイド・オンボーディング画面を制作すること」 でした。


使用ツール

• Figma
• Adobe Illustrator

3日間の流れ

✨Day1：リサーチと設計の基礎

• ペルソナ作成
• 事例調査（類似サービスや既存アプリのUI研究）
• ブランドコンセプト設定（キーワード、メインカラーなど）
• ブランドガイド作成（ロゴ、色、フォント、イメージトーン）

💡ポイント！
Day1では、いきなりデザインに取り掛かるのではなく、ユーザー像を言語化し、それに基づいたブランドの方向性を固める重要性を学んでもらいます。

✨Day2：ワイヤーフレーム作成

• オンボーディング画面のワイヤーフレームを作成
• ログイン・新規登録の導線設計
• ユーザーフローを意識したコンポーネント整理

💡ポイント！
「ユーザーが迷わず次の行動に進めるか」という観点で、画面設計を体験してもらいます。普段はデザインから入ることが多い学生にとって、ワイヤーフレームという工程を意識するきっかけになります。

✨Day3：UIデザイン作成・発表

• ブランドガイドとWFに基づき、実際の画面をデザイン
• プレゼンテーション（狙い・工夫した点・改善ポイントの説明）
• フィードバックセッション

💡ポイント！
ペルソナやブランド設定に基づいたデザインを作成し、説得力のあるアウトプットを出してもらいます。最後の発表では「なぜこのデザインにしたのか」を言語化することを意識してもらい、社会人のプロセス全体を学ぶことができます。

課題から学べる重要キーワード

💡ペルソナとは？

ペルソナ：商品やサービスを利用している典型的なユーザー像

ペルソナを定めるメリット

• ニーズの的確な把握 ＝ 具体的な人物像を軸に考えていくため需要とのズレを防ぐことができる。
• マーケティングの効率化 ＝ ペルソナの要求に応えるアイディアを考えることで効率が良い。

💡トーン＆マナーとは？

トーン＆マナー：デザインの一貫性を保つためのルール

トーン＆マナーを決めるメリット

• 一貫性のあるブランドイメージを確立し、ユーザの記憶に残りやすい
• 一定以上の質を担保でき、制作工数の削減に繋がる

デザインの「らしさ」を決める

写真のイメージも、フォントも、空間の取り方も、全てでトーンが揃えられていて、パッと見るだけで無印良品らしいなぁと感じれる。

💡オンボーディング画面とは？

オンボーディング：サービスの使い方を習得してもらうための導入プロセス

単なる機能説明やチュートリアルにとどまらず、ユーザーにサービスの特徴やブランドのアイデンティティを認識させ、継続的な利用にも繋げるための重要な役割を果たす。

💡ワイヤーフレームとは？

ワイヤーフレーム：Webページやアプリの「設計図」

ページを構成する画像やテキストなど、「何を」「どこに」「どのように」配置するかを可視化して、具体的なデザインとして形にするための指針となる。

ワイヤーフレームの役割

• 情報設計とレイアウトの明確化
• 制作前の企画の具体化
• ユーザビリティの向上

  

参加することで得られるもの

• 実務に近いプロセスを体験できる
  ペルソナ設計 → ブランドガイド → ワイヤーフレーム → UIデザイン
• 自分のデザインを言語化する力

  「なぜこのデザインにしたのか」をプレゼンで説明する経験
• 今後のキャリアに直結するスキルや視点
  デザインだけでなく、ユーザー体験やブランドを考える視点

最後に

高校生インターン「チェリスタ」では、学校ではなかなか体験できない「社会でのプロセス」を学べるプログラムを目指しています。

今回の参加学生はデザイン経験があったため高度な課題に取り組んでもらいましたが、デザイン未経験の学生向けのコンテンツもご用意しています。

「デザインは初めてだけど挑戦してみたい」

「ビジネスにおけるデザインの役割を知りたい」

そんな思いを持つ高校生の皆さんの参加をお待ちしています！