DESIGN IT YOURSELF.

BUROKI


top

design

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

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

web

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

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

2022.01.21.

スポンサーリンク

スポンサーリンク

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

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

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

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

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

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

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

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

  • コーポレートサイト
  • プロモーションサイト
  • ECサイト
  • メディア・ポータルサイト

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

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

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

左サイドのナビゲーションメニュー
各サイトがどんなサービスをしているのかわかりますね

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

ログインサブメニュー
会員情報のサブメニュー

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

スマホ版のwebデザイン

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

スマホ版のTOPページ画面
EDUONE Passのスマホ版TOPページ

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

スマホ版のお知らせ領域
スマホ版のお知らせ領域

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

スマホ版の左ナビゲーションメニュー
スマホ版の左ナビゲーションメニュー

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

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

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

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

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

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

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

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

スポンサーリンク

BUROKI写真

BUROKI写真

はじめましてBUROKIです。

ベンチャー企業にて11年間webやグラフィックデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います(笑)

制作実績やインハウスデザイナーのことなど日々更新しています。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談ください。

ベンチャー企業でマスターデザイナーとして働いた後、フリーランスになりました。制作実績やインハウスデザイナーのことなど日々更新しています。制作のご依頼なども受け付けてますので、なんでもお気軽にご相談ください。

ご依頼・お問い合わせ

ご依頼・お問い合わせ

related contents

関連コンテンツ一覧
スポンサーリンク

文鳥とデザイナー

スポンサーリンク

design list

デザイン作品一覧

graphic

削ろう会 大阪 交野大会のイベントロゴ、パンフレットデザインをお任せいただきまし...

先月の話になりますが、4月の12日と13日の二日間、大阪交野市で「削ろう会 全国大会 第41回 大阪 交野大会」というイベントがいきいきランド交野にて…

2025.05.03.

web

明朝体フォントをアクセントに。IVARA LEARNのランディングページデザイン

当サイトにwebの制作実績として紹介させていただいている実績は、基本的にデザインとコーディングの両方を担当させていただいた制作案件がメインなの…

2025.04.09.

graphic

黒の用紙に活版印刷でグレードアップ。株式会社FORGEの名刺デザイン

昨年の9月に制作実績にて紹介している株式会社FORGEさまの名刺デザイン。 ブランドの世界観をより引き立てる。株式会社FORGEの名刺デザイン 名刺のデ…

2025.04.01.

goods

創業54周年。のぼり刃物店さんのロゴデザインと缶バッジ&ステッカー

毎年恒例としてお任せいただいている制作物が、今年も完成。 きたる2025年4月1日(火)、いつもお世話になっている大阪府茨木市にあるのぼり刃物店さ…

2025.03.27.

graphic

数字で各特徴を視覚的に伝える。ハイブアイキューのフライヤーデザイン

会社員時代の元同僚が働いている株式会社ハイブアイキューさまから、会社の強みや特徴を伝えられるチラシをデザインしてほしいというご依頼をいただ…

2025.03.17.

graphic

LPの世界観をさらに広げる。キシヒロエステートのフライヤーデザイン

いつもお世話になっているパートナーの辻本さん(株式会社FORGE)からのご紹介で、昨年末に久しぶりの紙媒体のデザインを制作させていただきました。…

2025.02.25.

designをもっと見る

制作のご相談・お問い合わせはフォームから

デザインのご依頼や予算のご相談、お問い合わせなどお気軽にお問い合わせください。
また、書いてほしいブログのリクエストやファンレター(笑)もお待ちしております。

問い合わせフォームはこちら

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル