2023年5月8日～5月23日の11日間に渡り、

クレアネット様にて企業実習を受けさせていただきました、つじ、ハヤ、ざわです。

実際の企業様での実習を受けることはとても貴重な経験であり、

現場の空気感を肌身に感じながら、学びを深めさせて頂きました。

 

クレアネットの社員の皆様、本当にありがとうございました。

 

実習生企画として、サイトデザインヒアリングフォームのリニューアルデザインの作成と言う課題を

与えて頂き、デザインカンプを作成しましたのでご紹介いたします。

 

テーマ「サイトデザインヒアリングフォームサイト」

【目的】

お客様に入力していただき、ヒアリング前の情報を抽出する

【ターゲット】

Excelなど苦手な人やスマホだけの人が入力しやすいようにする

【デザインコンセプト】

シンプル/使いやすい

 

ヒアリングフォームと言うことで、

どのようなデザインがユーザー様に操作しやすいのかを意識した上で、

シンプルなデザインかつ項目ごとに枠組みを設けました。

 

サイトマップとしては、

TOP＋下層ページ×２の計３ページ構成。

TOPには、ユーザー様の情報を記載して頂くページ。

下層ページ１枚目は、サイトデザインについての聞き取りページ。

２枚目は、デザイン以外に関するサイト表示についての聞き取りページで構成しております。

サイトデザイン聞き取りページには、

リンク内メニューをフローチャートのような配置を行い、

ユーザー様にどのような聞き取り項目があるのかを回答前に把握して頂けるのと、

同時にユーザー様が制作依頼したいページにワンクリックで飛べるようにしております。

 

ベースカラーには白色にしております。

ページタイトルやセクションタイトル、質問文では、

クレアネット様のカンパニーカラーである緑色を

アクセントカラーとして使用して、

区切りを判別しやすいようにしました。

また、ヘッダーとフッターに関しても

同様に緑色を使用していますが、

アクセントカラーより薄い緑色を採用しております。

 

質問項目の背景色には、グレーを使用しています。

グレーには、落ち着きや柔軟さ、穏やかさなどの心理学的な効果があるとされ、

疲れや苛立ちといったストレスを軽減されると言われています。

ユーザー様に落ち着いた気持ちで、回答して頂きたい思いから採用いたしました。

 

幅広いユーザー様からストレスのないヒアリングが出来たら良いなと、

3人で試行錯誤しながら制作しました。

 

■使用技術・ツール

デザイン：Photoshop/Illustrator