サイトの全体設計

ご要望・ご依頼

ヒアリングの際に事業の説明など、会社の顔となるホームページのデザインにしたい、大手ガス会社の営業代理店で、その会社と似たテイストの宇宙のようなデザインにしたいとご要望をいただいておりました。販売できる商品・サービスも多く、事業の数も多いこともアピールポイントだと感じました。

課題に対する施策

事業内容が視覚的にわかりやすい設計

主な事業内容が5つあり、何を販売している営業会社なのがユーザーに伝わるような設計にしました。
キャッチコピーを作成させていただき、会社として誠実に仕事をしていることが伝わるよう文章を考えさせていただきました。

ファーストビューに力を入れ、サイト内部はシンプルなデザインに

宇宙のようなイメージで、誠実に仕事をしている会社だということが伝わるよう、キービジュアルのデザインを工夫させていただきまいた。
反対にサイト内部の設計は、シンプルなデザインにして、何をしている会社なのかが伝わりやすいような設計にさせていただきました。
宇宙空間を動いているようなアニメーションを実装しました。詳しくは、ページ下部のサイトURLからご覧ください。

お問い合わせをあえてLINEアカウントのみに

クライアントさまからのご要望もあり、あえてお問い合わせフォームの設置はせず、LINEアカウントのみにしました。パソコン版のサイトではスマホですぐに読み取れるよう画面にQRコードを表示し、スマホ版のサイトでは自動的にLINEの画面に飛ぶように設計しました。

資料ダウンロードボタンの実装

事業概要のページにそれぞれの事業の資料がダウンロードできるボタンを設置しました。

主なターゲット層

・20代~30代 男性の求職者
・営業としてキャリアアップしたい方
・営業代理店を探している企業さま

サイトの雰囲気もご要望に合わせて構成しました。

デザイン制作

パソコンの知識がなくてもサイトを修正できるシステムの導入

普段あまりパソコンを操作しないと伺っておりましたので、サイト内のテキスト部分に関しては、SNSのように感覚的に変更できるWordPressというシステムを組み込ませていただきました。
クライアントさまへ納品後は、わざわざ制作会社に連絡せずにご自身で変更できるよう設計しました。

制作の概要

制作期間

3ヶ月ほど

業務の概要

◾️提案書作成〜ヒアリング
◾️デザインのご提案
◾️コーディング
◾️WordPressオリジナルテーマ組み込みに関するプログラミング
◾️スマホ画面対応

サイトURL

株式会社TOP LINEさま：https://top-line4620.online