worksのタイトル画像

Cycle Repair

リニューアル案・サービスサイト

#Wed-site

URL : cycle-repair.s-y-design.com

サイトの写真

制作範囲

デザイン、コーディング

使用ツール

Ai・Ps・Dw

制作期間

デザイン/リサーチ:3週間、コーディング:5週間

ターゲット

自転車の修理を検討中の方、修理依頼が必要な全ての方

目的

サイトのリニューアル、認知度の向上

コンセプト

あまり馴染みのない、「自転車出張修理」を認知して貰うため、どの世代にもわかりやすく、簡潔にまとめることを第一に優先しました。

情報設計

素人目線になりますが、足りないものを以下内容で補いました。 ・自転車の定義の曖昧さ →イラストで一覧にまとめ、修理可能な自転車を判断できるようにする。 ・どんな人にサービスを利用して欲しいか →想定される対象者をスライド写真を用いてアピールする

デザインについて

老若男女、様々な方に見て貰えるよう、ニュートラルなサイトになる事を意識しました。ロゴは原形をベースに、少しアレンジを加えました。  自転車のホイールのイメージと、ロゴの色からメインカラーをグレーに・アクセントカラーをブルーに設定しました。 所々に自転車モチーフを散りばめることで、親しみやすさを与えてみました。またJSで動きを加え、動的なサイトにアップデートしました。

PCサイトスクショ画像
スマホサイトスクショ画像
Copyright ©︎ s-y.design all rights reserved.