北斗印刷様 コーポレートサイト|Web制作実績 レスポンシブ対応|制作実績
豊富な実績を業種ごとに出し分けて表示することで、制作物の質と技術力の高さを狙ったターゲットへ効果的に訴求
| クライアント | 北斗印刷様(福島県 会津若松市) |
|---|---|
| 制作プラン | Meta定額制30プラン |
| カテゴリ | コーポレートサイト その他 |
| URL | https://aizu-hokuto.com/ |
| 制作チーム |
|
POINT
制作のポイント
お客様のご要望
- 集客(新規)を増やしたい
東北地方を中心に、幅広い印刷物のデザインから納品までをワンストップで対応する北斗印刷様のコーポレートサイトをリニューアルいたしました。
今回のリニューアルの主要な目的として、「新規法人顧客を獲得したい」というご要望をいただきました。そのため、ユーザーが親和性の高い事例を確認したうえで安心して制作物を依頼できるよう、「一般企業様」「省庁自治体様」「学校・団体様」「店舗・飲食店様」「個人の方」という5つのターゲットに分けて、「業種別サービス」ページを新規作成しました。
こちらのページでは、各業種の「制作実績」を静的なコンテンツとしてリッチに掲載しています。訴求したい順に実績のお写真・印刷物の種別・仕様を複数掲載し、それぞれの実績の詳細を確認できるPDFを添付いたしました。また、特に魅力を伝えたい実績には簡単な説明文を添え、デザインの工夫点を分かりやすくご紹介しています。
また、トップページのメインビジュアル直下には、「アクリルグッズ」「ラベル・シール」「豆本」など7つのサービス導線を設けることで、ユーザーが目的の印刷物のページへ最短で遷移できる設計としています。
![]()
ディレクション
Y.Shinojima
今回、リニューアルのもう一つの目的として、「会社の強みを訴求したい」というご要望をいただきました。そのため、「企画立案・デザイン制作」ページでは、企画からデザインまでワンストップで提供するお客様ならではの強みが一目で伝わるよう、ファーストビュー直下に各サービスの図をアニメーションアイコンを用いて配置しております。そうすることで、強みを視覚的に分かりやすく訴求しつつ、動きでユーザーの目を引くデザインに仕上げました。
![]()
Webデザイン
Y.Shinojima
スマートフォンサイトでは、「お問い合わせ」ボタンを画面右下に固定表示し、タップすると「福島/東北エリア」「関東エリア」それぞれの電話ボタンと、お問い合わせフォームボタンがモーダルで表示される設計としています。エリアごとの連絡先とフォームへの導線ボタンを分かりやすく整理することで、状況に応じてスムーズにお問い合わせいただける導線を構築しました。
また、「印刷」ページの「実績」コンテンツでは、横スクロールを導入することによって、お客様の数多くの実績を一目で確認できる設計に仕上げております。
![]()
Webデザイン
Y.Shinojima
デザイン面では、ユーザーが一目で「こんなに幅広い印刷物に対応しているのか」とイメージできるよう、メインビジュアルに今までの作品を組み合わせて数多く掲載しています。そうすることで、アクリルやシールなどの特殊印刷にも対応していることや、製本技術の幅広さなどのお客様ならではの魅力が十分に伝わるデザインにしました。
![]()
エンジニア
A.Yamamoto
システム面では、管理者様がタイムリーに更新できる「実績」ページをオリジナルのCMSで自社開発しました。こちらのCMSでは、お写真を20枚まで登録でき、実績ページにスライダーを導入することで、ユーザーがページ数の多いパンフレットなども中身をスムーズに確認できるシステムを構築しています。
Web制作・運用サポート一覧
PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート
BEFORE AFTER
劇的ビフォーアフター
旧サイトにメスを入れ、お問い合わせが絶えないホームページへ

リニューアル前のホームページは、実績のお写真が小さく掲載され、ターゲットごとに伝えたい情報が整理されておらず、お客様の魅力が十分に伝えられていない状況でした。

リニューアル後は、実績のお写真を数多く掲載したり、各サービスページの「サービス内容」や「ご利用の流れ」などのコンテンツにアイコンを配置したりすることで、お客様の魅力や情報を視覚的に分かりやすく伝えています。
また、サービス導線をメインビジュアル直下に配置することに加え、トップページに「業種から探す」コンテンツを掲載することで、ユーザーが必要な情報をスムーズに確認できる導線設計を実現しました。
PC DESIGN
PCサイトデザイン
お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン


SMARTPHONE DESIGN
スマートフォンサイト
デザイン
ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン



WORKS