ブランディングのためデザインを一新。EDUONE Passのポータルサイトデザイン

以前制作させていただいた獣医関連の出版社「EDUWARD Press」さんのコーポレートサイトですが、先方さまよりご好評をいただき、引き続きwebサイトデザインをお任せいただきました。

そしてそのお任せいただいたポータルサイト「EDUONE Pass」が昨年の10月ごろに公開されました。
コーポレートサイトの制作実績は下記のリンクからご覧になれます。

ちなみにこちらのコーポレートサイトは、webデザインギャラリーサイト「MUUUUU」にも掲載されました（大事なことは何度でも書くスタイル）。

今回はwebデザインのみを担当

「EDUONE Pass（エデュワン・パス）」は獣医療従事者共通ログインサービスで、会員の方は複数の獣医関連提携サイトの教育サービスが受けられるポータルサイトです。

webサイト制作には主にwebサイトの外観をつくる「デザイン」とwebページを構築する「コーディング」というふたつの工程があり、サイトによって両方とも担当することもありますが、今回はクライアントさまの意向もあり、デザインのみの対応となりました。

ポータルサイトデザインで大事なこと

世の中にはいろんなwebサイトがありますが、サイトにもいろんな種類があります。簡単に分けると

などが主なジャンルなのですが、ジャンルによってページのデザインも変わってきます。

ポータルサイトのTOPページは「入口」、「玄関」としての意味合いが強く、TOPページからすべてのページ・サービスに遷移できるようなページ構造にする必要があります。EDUONE Passの場合もコーポレートサイトとは打って変わって、ポータル感を意識して制作しました。

TOPページ左ナビゲーションにマウスを乗せると、各サービスのサブメニューが出てくるようにデザインしたり、

ログインボタンだけでなく、購入済情報やブックマークなどの会員メニューをマイページに見に行かなくてもすぐにアクセスできるようにしたり、

ポータルサイトとしての役割を担えるようにデザインしていきました。

スマホ版のwebデザイン

もちろん今回もレスポンシブでスマホにも対応。
ポータルサイトは通常のサイトとは違って情報の整理の仕方が特殊なので、スマホならではの見せ方を考えるのも少し頭を悩ませました。

お知らせの部分も情報が多くあるように見せるためにポータル感を出しました。

左上にあるバーガーアイコンをタップすると、PCと同じく各サービスのサイト一覧がナビゲーションとして表示されます。アイコンをカラフルにすることで「それぞれ別のサービスである」ということが伝えられます。

こちらでデザインを制作し、デザインデータをコーディング担当の会社さまにお渡しし、完了となりました。

制作実績への掲載が遅れた理由

冒頭でも述べましたが、EDUONE Passのwebサイト自体は10月に公開されました。

しかし、サイトが公開されてからナビゲーションのサブメニュー部分の動作で納得できないところがあり、制作実績に紹介させていただく前に、どうしても気になったのでそのあたりの修正などは指示させていただきました。細かいところを挙げるとまだまだなのですが（笑）、サービスサイトで大事なことは訪問ユーザーに余計な手間を与えないこと。

webサイトは公開してからがスタートなので、これからもwebサイトを運営しながら改善していってもらいたいです。より良いサイトになっていくことを期待しております。ありがとうございました。

そして今回のwebサイトは以前より募集させてもらっている「業務提携メンバー」さんと制作しました。この場を借りて、ご協力ありがとうございました。

EDUONE Passのwebサイトはこちらから

実際のサイトは下記のリンクよりご覧ください。
※webサイトによっては変更・クローズしてることもありますので、その際はご容赦ください。