1.コンセプトについて

今回のリニューアルでは「お客様の悩みに寄り添う」をコンセプトに、顧客目線でのUIやコンテンツ作りに力を入れて制作しました。

前回の橙ベースから打って変わって、緑を基調としたデザインにシフトチェンジ。
親しみや優しさを感じてもらえるような、青みがかった緑をベースにしています。

また角丸のオブジェクトで柔らかさをプラス。
余白で緩急をつけつつ、イラストも使用することで活字まみれにならないよう、直感的に内容が把握できるレイアウトにしています。

プロジェクトメンバー全員で顧客目線を意識する毎日。
「自分だったらどんなことが気になるだろう？」と問いかけながら、コンテンツ内容も考えていきました。

そして今回は、企業の抱えている主な課題を トップ下へ配置することに決定。
サイト流入後すぐに知りたい情報にたどり着ける導線です。

企業の悩みを具体的に取り上げることで自分事に感じてもらい、課題解決への方法が少しでも想像しやすくなるよう意識しました。

よくお問合せいただく課題を9つに絞り込み、提案例を挙げています。
サービス内容も掲載しているので、どんな解決方法があるのかイメージしてもらいやすくなりました。

ここだけの話ですが、このページを見るだけでおさえておきたい情報がすべてコンパクトに載っている…はずです！
まずはここで疑問を解消していただいてから、サービスページなどの具体的な内容へ移っていただくのもおすすめです。

発注ご担当者様である皆さんに向けた、「はじめての方へ」ページになります。
解決の糸口を探りながらゴールに至るまでの流れを分かりやすく説明していますので、まずは一度目を通していただくと発注イメージが湧きやすくなると思います！

簡単にネットで印刷注文ができる時代だからこそ、印刷会社との違いを知ってもらうページになります。
どちらにも良さがあるので、上手に使い分けていくためのヒントも載っています！

ページ内で出てきた単語や 東洋プリディア内でよく使われている専門用語を集めました。
今後も増えていく予定ですので、ブックマーク推奨です！

私たちのことを知ってもらうことで、少しでも皆さんと距離が縮まれば…！という思いから始まった社内ブログです！
制作部のディレクターが中心になって執筆を行っています。
個性のある記事もご愛嬌ということで、楽しんで読んでいただければ幸いです。

今までのサイトを見ながら、何がどう使いづらいのかメンバーで意見を出し合いつつ、どんな情報が載っていると嬉しいかも同時に話し合っていきました。

初回はブレインストーミング（＝複数人で自由にアイデアを出し合い創造的な発想を生むこと）を行い、回を重ねるごとに案を固めていきます。

ここからは担当に分かれて進めたので同時進行ではありますが、特にサイトマップ（＝Webサイト全体の構成やコンテンツの内容が一覧でわかりやすく記載された地図）作りを優先させました。
複数人で関わるプロジェクトだったので、全体像を把握するのにとても重要です。

ワイヤーフレーム（＝Webページのレイアウトを決める設計図）を使い情報の整理をした上で、デザインに入っていきます。
「どれだけ原稿が必要なのか」「どこに問合せフォームを配置すると見やすいのか」など、やるべきことや課題点が見える化できます。

ワイヤーフレームをしっかり作り込むことで、デザインに入る際もスムーズにプロジェクトが進みました。

実は今回のプロジェクトは『ワイヤーフレーム・デザイン案』をすべて「Figma（フィグマ）」（＝ブラウザ上で簡単にデザインができるツール）を使って進めました。

そのため初心者の私でも、Webチームの方に操作を教えてもらいながら簡単にワイヤーフレームを作ることができました！
こちらが実際に私が担当したワイヤーフレームの一部です。
Illustratorの知識があるとデザイン案まで作れちゃうそうです…！

反響があればFigmaの使い方も今後ブログにしていきますね。

HPリニューアルを依頼したい！
詳しく話を聞きたい！
そんな方へ

弊社ではHP立ち上げからリニューアル、LP作成まで、Webに関するご依頼も承っております。
事例なども多数ございますので相談ベースでお問合せいただいて構いません！
課題解決に向けたヒアリング・ご提案でお客様の悩みに寄り添います。

また、Webに関する記事は今後もアップ予定ですのでぜひお楽しみにお待ちください。

以上、最後までお読みいただきありがとうございました！

一覧へ戻る