バイクショップ架空サイト制作

エタニティサイト

制作サイト概要

当サイトは約半年の職業訓練の集大成ということで、「ETERNITY」というバイクショップのクライアントからサイトリニューアルの依頼を受けた事を想定し制作しました。また、エンドユーザーが出先であることが多いためスマホ対応も意識しました。

制作サイト詳細情報

エタニティトップページPC表示
トップページ
エタニティ特徴紹介ページ
特徴・魅力紹介ページ
エタニティカスタム紹介ページ
カスタム紹介ページ
エタニティ車両紹介ページ
車両紹介ページ
エタニティコンタクトページ
コンタクトページ
エタニティトップページスマホ表示
スマホ表示

サイトの目的

売上アップ・集客・ビッグスクーターの普及としました。

ターゲット

30、40代の男性。とりわけ日々の通勤に対し不満を抱えているビジネスマンをメインターゲットとし、単車に関心のある若者をサブターゲットとして設定しました。

ターゲット設定理由は各メーカーのビッグスクーターのターゲットが通勤に不満を持つビジネスマン(主に渋滞や痛勤電車)に設定されており、また実際に現在利用されているユーザーもその年齢層の方々が多いため。

また単車を好む若者にも普及させたいということで、学生向けモデルの紹介記事、カスタムにおける愉しみを提示し変化を好む若者にも対応しました。

コンセプト

ターゲットにビッグスクーターの利便性やカスタムの愉しさ、長所を紹介し通勤や日々の生活に役立ててもらうためのサイト。

コンセプト設定理由に関しては特徴ページにて記載している「優れた積載収容能力」、「市街地走行における快適利便性」、「コスパ面でのアドバンテージ」の記事で詳しく触れビッグスクーターならではの魅力をターゲットユーザーに伝えていきます。

意識した点

ターゲットの世代は仕事や家庭と時間にタイトで忙しい人が多いことを想定したため、シンプル、見易さ、機能性を重視。また、ユーザーが急な事故や故障といったトラブルに見舞われた時直ぐに連絡が取れ、どこでも閲覧できるようにするためスマホ対応も意識しました。

ロゴの意図として「ETERNITY」とは「永遠」という意味がある点を考慮し、「無限のマーク」や「メビウスの輪」をモチーフに制作しました。またバイクを通じてお店と顧客のより一層の発展を願って右肩上がりのデザインにしました。

更にターゲットである男性に対し視認性に優れる他、「面白い」「楽しい」「親近感がある」「目立つ」「男性的」なイメージを持ってもらうため、ロゴだけでなくフォントにもゴシック体を用いました。

使用カラー

無彩色(ベースカラー)
ターゲットの世代のような穏やかで落ち着いた印象を与えます。
赤系統色(アクセントカラー)
誘目性が高く、購買意欲を高める効果も実証されています。
白色(背景色)
見易さ重視。真新しさを与えるのにも効果的です。

参考・参照サイト

制作時期・期間

2018年8月8日~2018年9月10日の約一ヶ月。工程としては企画書・ワイヤーフレーム・デザインカンプ・コーディングの作成提出の手順を踏み、担当講師のOKを貰い完成させました。制作人数1人、制作所要時間約170時間(講義時間+自宅作業含む34日x5hで計算。)

今後の目標

jQueryに対する知識が浅いため、BXスライダーを使いこなせませんでした。今後はまずHTMLとCSSの基本を抑え、jQueryに対する理解も深めていきたいと感じました。また、Chrome以外のブラウザ確認をしていなかったので、今後は別ブラウザでの表示も意識していきたいと感じました。