NEXTRIVE HP制作
制作要件
クライアント
【クライアント名】
NEXTRIVE（架空企業名）
【事業内容】
地域展開のガソリンスタンド
制作目的
企業イメージの向上と
若い世代への求人募集をしたい
ターゲット
【メインターゲット】
・地域で働きたいと考える18〜30代の若年層
・未経験からでも安心して働きたい方
・明るく活気のある職場を求める方
【サブターゲット】
・地域でサービスを利用するファミリー層
・日常的に車を利用するユーザー
構成設計
01
印象づける
【FV】
ピンク・イエロー・ブルーで、
「信頼・安心・元気」を感じられる配色と、
近未来感のあるビジュアルを設計。
働くスタッフの写真を複数使用し、
人を大切にする企業イメージが伝わる
ファーストビューにしています。
02
知る
【ABOUT | SERVCE】
「どんな会社なのか？」
「何をしている会社なのか？」を、
ユーザーが短時間で理解できるよう、
情報を簡潔に整理。まずは企業への
理解を深めてもらうことで、
次の行動につながりやすい構成にしています。
03
見る
【RECRUIT】
ABOUTで企業について理解した後、
「実際にどんな人が働いているのか」
「どんな仕事なのか」を知ってもらうため、
求人ページへ誘導。
採用ページへのCTAボタンを設置し、
興味を持ったユーザーがスムーズに
求人情報へ進める導線を設計しています。
04
行動する
問い合わせる
【CONTACT】
TOPページ・RECRUITページの下部に
お問い合わせCTAを設置。
企業に興味を持ったユーザーだけでなく、
求人への応募を検討しているユーザーも、
それぞれのページからスムーズに
問い合わせできるよう設計しています。
コンセプト
車も街も未来も走らせる
地域を支える企業としての安心感と信頼感に、次世代企業らしい
未来感をプラス。シアン・ピンク・イエローの明るい配色と、
やわらかな形やレイアウトで、親しみやすく温かみのある印象に仕上げました。
ガソリンスタンドのイメージにとらわれず、
「人」を大切にする企業らしさを表現しています。
配色
工夫した点
01
写真と図形は丸みのある形に。
丸みのある図形を多く使い、
安心感と優しい企業イメージを伝えています。
02
採用要件に一工夫。
アイコンをさりげなく取り入れることで、
飽きづらく自然と目のいく設計に。
そして主要な言葉をアクセントカラーで
色づけて、文字のサイズも少し大きくすることで
読みやすくしました。
03
USPは、視覚的にわかりやすく。
USPの部分だけ、ひし形を取り入れて、
印象が残るようにしました。
04
先輩スタッフのメッセージ。
採用ページには、採用のお問い合わせにつながる
一つのプッシュとして、
「実際働てどうか？」というところが
わかるように先輩スタッフのメッセージと写真を
取り入れました。
05
企業ロゴを制作。
社名の由来、「NEXT（次の時代）」と
「DRIVE（走る・前へ進む）」のイメージなので、
右上がりの矢印を組み合わせたロゴを採用しました。
制作日
2026年７月
制作時間
ワイヤーフレーム
デザインカンプ
実装
計
2h
16h
34.5h
52.5h
使用ツール・スキル
Figma/WordPress/HTML/CSS/Javasprict
©TUNAGU×TUNAGI Design