お問い合わせ

©2024 AI MORITA PORTFOLIO ALL RIGHTS RESERVED

Next One Sapporo Branch
Corporate Site Renewal

  1. Home
  2. 作品集
  3. ネクストワン札幌支社

デスクトップ画面

Information

職業訓練校のデザインカンプ課題として制作しました。
ネクストワン札幌支社様の仮想サイトリニューアル案件を通して、
締め切りまでにコンセプト設計からデザインカンプ制作までをテンポよく行い、Adobe XDの使い方に習熟するよう目標を設定し制作しました。

クライアント
ネクストワン札幌支社(仮想案件)
作業内容
コンセプト設計 / デザイン
制作時期
2024年4月
制作期間
11時間(設計5時間/デザイン6時間)
使用ツール
Adobe XD
表示サイズ
PC(フルサイズ 1920)

Concept

サイトコンセプト

『ネクストワン札幌支社はWeb業界に就職したい方が「今」必要な技術・知識を学べる職業訓練校を運営し、経験ゼロからでもやる気を育てる企業です』

ユーザーに届けたいストーリー

メインターゲットは20~40代のWeb業界への転職を目指す求職者の方。
Web業界でデザイナーやプログラマーとして就職したいけれどスキルがなく、業界の「今」を教えてくれる場所を探している。
ネクストワンの職業訓練校では、そんな求職者の皆様が未経験からWeb業界就職に必要な知識とスキルをしっかり身につけることができる職業訓練を実施しています。
『人を創り、人を育てたい。IT業界の発展に大きく貢献できる人材を育成したい』というネクストワン様の願いを、
今回のサイトリニューアルによってわかりやすく求職者に提示したいと考えました。

Design

デザインコンセプト

この職業訓練校に通ったらWeb業界に就職できそうだと確信できるような力強さや安心感を出すため、
メリハリあるカラーリングにしました。
また、訓練生が集中して学習できそうな知的で落ち着いたトーンの文章構成を心がけました。

フォント

求職者の方に安心して訓練に臨めそうだと思っていただけるよう、読みやすい書体を採用しました。
特に見出しとあしらいは安定感のあるサンセリフにし、力強さや信頼性を表現するようにしました。

Sans-serif:
Roboto
Sans-serif:
Lato
Sans-serif JP:
Noto Sans JP

配色

メインカラーは知的さや学習意欲を想起させるブルーを選び、
アクセントカラーのイエローでWeb業界のバイタリティやクリエイティビティを表現しました。
IT業界の人材を育てたいというネクストワン様の思いを、ロゴマークのカラーリングとリンクさせることでデザインに反映させました。

ベース
ベースカラーのグレー
#FAFAFA
メイン
メインカラーのブルー
#1D7FFF
アクセント
アクセントカラーのイエロー
#FFFF00
本文テキスト
本文テキストの黒色
#323232

トップページのデザイン