ビジネスグループのサイトデザイン

新規事業の開始や事業継続の事務作業などのご提案をしている「A Business・エー ビジネス」は、ラズシップ株式会社（損保・生保）、税理士法人谷口会計事務所（税務）、株式会社日本エコテック（不動産）、テイク･フィールド社労士事務所（労務）、松葉･板野･中村法律事務所（法務）の５者が連携し、１０年以上にわたって活動しているビジネスグループです。

エー ビジネス様のホームページとロゴデザインをさせていただきました。

新グループ名の提案

以前からグループの名前を「078 KOBE.com」として活動しており、同名のホームページもありました。現在も毎月１回に集まって活動を続けていましたが、いつの間にかホームページの更新が止まりホームページ自体もなくなっていました。

今後も活動していくに従ってお客様にビジネスグループの説明をしたい要望があり改めてホームページを再構築したいとのことでした。

現在「078 KOBE」で検索をすると「078kobe-未来の都市生活を発信するウェブメディア」のホームページが上位になっており、これから同じ名前で活動再開をしても検索上位に来る事は困難と判断し、ホームページの制作より先に新グループ名からの提案をすることにしました。

アップ コレクティブ（お客様をup=上げていくことができる、collective=団体という造語）と、エー ビジネス（良いビジネスに掛けて、語呂の響きがいい関西弁）の2つに絞られました。

結果はお客様にとって良いビジネスをしようということで「エー ビジネス　a business」に決まりました。本来ではローマ字読みだと　“E”　Business　ですが、アルファベットの１番目から始めたいため　“A”　Business　にしています。

ロゴデザインの作成

サイトデザインと並行してロゴデザインを考えることになりました。

まずロゴデザインの考え方としては、英語表記の「A Business」から考え始めました。大文字の A と小文字の a それぞれゴシック体の筆記調で考えたり手堅く読めるようなもの。
カナ表記の「エー ビジネス」では手書きや図形パターンで作字したものを提案をしました。

皆さんに多数決を採って選んでいただいた結果は、お客様とにっこりできるということと、わかりやすいということでアルファベットの小文字 a と b を顔のようにした案に、また、ちゃんと読めるようにしたいことから英語表記ではなく仮名表記「エービジネス」に決まりました。

サイトデザインの作成

ロゴマークが決まり、いよいよサイトデザインに。まずはサイトマップからの構築をしました。

セオリー通りサイトマップ案の全てのページ（今回は5ページ）を制作をするよりも、全容をお客様にスクロールして見てもらえるように１枚の長いページで作ろうと考えていました。

ただし、コンテンツが一辺倒になって内容が流し見されるのをのを回避するため、コンテンツごとに背景色を反転して交互に見せることでページの移動をしているようにCSSでグラデーションが変化するアニメーションを実装しました。

また、企業のサイトでよくある都市のビル群やスーツ姿のビジネスマンが握手をしたり会議をしているなどのイメージ写真は全く使用せずにテキストのジャンプ率のみのメリハリで見せるようにしました。
ちなみにこのサイトでのイメージ図版は1枚だけです。

ロゴの色は黒色にしています。ファビコンでは青丸に白抜きで顔のようにしています。

テキストだけでは「さらっと内容を読まれて終わりー」にならないように背景にゆっくりと動く背景画像を入れる事により凝った部分を、またコンテンツごとにテキストを黒文字と白抜き文字を入れ替えて一辺倒にならず、シンプルながら誠実なイメージで仕上げることができたと思います。

結果サイトの速度を計るPageSpeed Insights では、ウェブページの読み込みスピードの計測結果93点を取得しています。

※2023年9月現在サイトは閉じています。

著作権や肖像権に関して問題がありましたら御連絡をお願いします。
著作権所有者様からの警告及び修正・撤去のご連絡があった場合には、迅速に対処または削除致します。