弊社サイトをご覧になり、webミーティングを経て 新たなホームページ制作のご依頼をいただきました大阪府大阪市の日本分析化学専門学校様です。ファーストビューとなるページヘッダー/メインビジュアルは勿論、中段コンテンツ・下段コンテンツ・フッターと 細部までデザイン性や文面の視認性にこだわり、制作しました。
「日本初の化学系通信制学科」ということで、webサイト全体から受ける信頼度と”活き活きと分析化学を学んでいる生徒さんの様子”がターゲットユーザーへ伝わることを重視しています。特にメイン画像は上下でスライド速度が異なるモーションで、ブロック/タイル形状の複数画像が動くjQueryを取り入れる等 非常に凝っています。
新規ホームページ制作実績:日本分析化学専門学校様/大阪府大阪市
コンテンツの視認性とビジュアル面を重視したwebデザイン
メインカラーは紺色ベースですが、パープルやグラデーションピンクをサブカラーとして使うことで、堅い印象/暗いイメージを避けつつ、ビジュアル的変化を付けています。メイン画像に設置されたjQueryは大・中・小サイズのタイル形状で 様々なパターンの写真を複数閲覧できる仕様ですが、彩度と明度を抑えるレイヤーを適宜 写真へ重ねています。
全ての写真がカラーの場合よりもレイヤーで色調を所々調整することでビジュアル上の強弱が付き、お洒落なデザインとなります。
ファーストビューの次には新しい通信制学科である「先端化学分析学科の開始」に関するコンテンツを配置。こちらは画面右部 背景をベーシックなグレーにし、顕微鏡を使用している印象的な大サイズのイメージ画像で構成されています。シンプルながらも、掲載文面が読みやすい且つビジュアル的に優れた見せ方です。
その下には目的に応じた2つの学び方として「正科生」「科目履修生」に関するコンテンツを置いています。こちらでは背景前面へ生徒さんが学ぶ様子の画像を色合い調整の上、載せました。
中段から下段コンテンツにあたる部分では「入学の決め手」項目として、正科生、科目履修生それぞれの学生さんのコメントを見ることができます。写真の上へ重なるようにカード型のレイヤーにて 文面をお洒落に、そして読みやすく制作を行いました。タイトル部分は縦書きで原稿調の見せ方にすることにより、閲覧者の目を引くよう工夫しています。
「先端化学分析学科 入学の流れ」は左から右へとシンプルなアイコンで、「過去の就職実績」は左部背景レイヤーを紺色にすることでビジュアル的なメリハリを強めています。こちらのコンテンツも文面の読みやすさとデザイン面の両立を意識し制作。サイト訪問者へ適切に伝えたい内容が伝わるようにしながら、見た目も優れたコンテンツデザインです。
今回のホームページ制作時はお客様と弊社のロケーションが大阪と東京ということもあり、zoomを使用し 複数回の打ち合わせを重ね、webデザイン面から掲載コンテンツ面まで すり合わせを行っています。
勿論、対面でのお打ち合わせがベストではありますが、電話・メールでは伝わりにくい細かな制作時 見せ方をオンラインで顔を合わせながら行うことで、スムーズに進めることができます。
勿論、対面でのお打ち合わせがベストではありますが、電話・メールでは伝わりにくい細かな制作時 見せ方をオンラインで顔を合わせながら行うことで、スムーズに進めることができます。
2020年からのコロナウィルスの影響で、オンライン打ち合わせの機会が年々増えているように思います。オンラインMTGのニーズ拡大に伴い、web会議に使用する機器も精度が向上し 従来よりも映像は鮮明に、音声はクリアになっているので 快適な打ち合わせができるようになってきています。
【今回の記事の執筆者】
カスタマーサポート部/チームリーダー webディレクター:渡邉 真帆
建設業/製造業を中心に300以上のホームページ制作の経験を積む。ディレクション時、クライアントから「事業の強み/差別化のPOINT」を引き出すことが得意。
日々IT・PCに関するリテラシー向上に努め、Webのことは勿論、お客様の多様なお困りごとを解決。エグゼクティブクリエイションの中でも特に顧客満足度の高いディレクター。
社内では癒し系なものの、クライアントとの打ち合わせ時のキリッと具合は別人のよう。
得意なこと:アクティブリスニングと笑顔 苦手なこと:料理と口喧嘩
---------------------------------------------------------------
満足度の高い新規ホームページ制作なら
東京のエグゼクティブクリエイション!
---------------------------------------------------------------
◇Web制作/運営管理についてのご相談はこちら
TEL: 03-5839-2512
FAX: 03-5839-2513
≫ホームページ制作 のエグゼクティブクリエイションTOPページへ