コピーイン様(コーポレートサイト)|Web制作実績 レスポンシブ対応|制作実績

有限会社コピーイン様

忙しい学生に寄り添った直感的なホームページデザインで、お客様のサービスの魅力を最大化する

クライアント 有限会社コピーイン様(東京都 文京区)
制作プラン Meta定額制30プラン
カテゴリ コーポレートサイト コーポレートサイト・事務所
URL https://copyinhongo.com/
制作チーム
  • ディレクション
    Y.Goda

  • Webデザイン
    Y.Goda

  • システム
    R.Takimoto

  • マーケティング
    S.Suda

POINT

制作のポイント

「低価格・短納期・高品質」を強みとして、全国の大学生・大学院生に論文製本サービスを展開している、コピーイン様のコーポレートサイトをリニューアルいたしました。


 


今回、リニューアルの主要な目的として、「論文製本の受注を増やしたい」というご要望をいただきました。そのため、論文製本を検討している方に向けた「お急ぎの方へ」ページを新たに作成しました。


 


こちらのページのターゲットは、卒業論文の提出締切が迫り、急いで製本を終える必要がある全国の大学生・大学院生です。そこで、「最短即日対応」や「オンラインでの入稿が可能」など、ユーザーから選ばれる理由を詳細に掲載したうえ、「3つの製本タイプの特徴」や「料金・納期の比較表 」なども併せて掲載しました。必要な情報を1ページに集約することで、お急ぎの方がスムーズに確認できるようにし、安心してお問い合わせできる構成に仕上げております。

ディレクション
Y.Goda

今回、リニューアルの主要な目的として、「論文製本の受注を増やしたい」というご要望をいただきました。そのため、トップページの「論文製本」コンテンツでは、最も人気の高い「角背上製本」のサービス内容を中央に大きく配置し、他の2つの製本サービスよりも前に飛び出して見えるデザインにすることで、直感的に目を引くレイアウトに仕上げています。

 

さらに、それぞれの製本タイプの背景には、実際に使用される製本素材のテクスチャーを取り入れ、デザインを通じて製本の質感や温もりを伝えています。

 

また、サービスページのグローバルメニューでは、最も訴求したい「論文製本」ページへの導線ボタンを、メニュー上部に横幅いっぱいに配置しました。そうすることで、ユーザーが一目で目的のサービスを見つけ、円滑に詳細を確認できる導線設計となっています。

Webデザイン
Y.Goda

スマートフォンサイトでは、「オンラインでお申込み」「店舗でお申込み」「電話でお申込み」という3つのお問い合わせ方法への導線ボタンを画面下部に固定表示しました。そうすることで、ユーザーが「製本をここに依頼したい!」と思ったタイミングで、自分に合った方法で簡単にお問い合わせできる導線設計に仕上げています。

 

また、ハンバーガーメニューにはメインサービスの「論文製本」に加え、「ポスター印刷」「名刺サービス」「スキャン・データ化」「オリジナルTシャツプリント」「コピー・プリントアウト」という5つのサービスページへの導線を、分かりやすいサムネイル画像付きで設置しました。多様なサービス内容を直感的に把握できることで、「論文製本だけでなく、こんなサービスもあるんだ!」というユーザーの新たな発見につながり、サービス利用の機会が広がる設計となっています。

Webデザイン
Y.Goda

デザイン面では、大学生や大学院生などのメインターゲット層が親しみを持てるよう、ホームページ全体にポップなイラストを多く取り入れました。中でも、お客様のマスコットキャラクター「コピたん」のイラストを、メインビジュアルや「お急ぎの方へ」ページの導線ボタンなどにさりげなく配置することで、かわいらしいアクセントとして親しみやすさを演出し、オリジナリティあふれるデザインに仕上げています。

Web制作・運用サポート一覧

PC・タブレット用フルオーダーメイド設計SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PCUI/UX設計、SPUI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート

BEFORE AFTER

劇的ビフォーアフター

旧サイトにメスを入れ、お問い合わせが絶えないホームページへ

BEFORE

リニューアル前のホームページでは、フォームの不具合によりお問い合わせが届かないことや、ユーザーの申し込み時に必要な情報を入力してもらえないことがあり、フォームの使い勝手に悩まれていました。さらに、ホームページ内の導線が分かりづらく、ユーザーが必要な情報を探すのに時間がかかってしまうという課題もございました。

AFTER

リニューアル後は、「論文製本フォーム」「ポスター印刷フォーム」「通常お問い合わせフォーム」の3つのフォームを新たに作成しました。特に需要の高い「論文製本フォーム」では、必要な入力項目を状況に応じて出し分け表示する仕組みを導入し、さらに製本の閉じ方などは分かりやすいイラストを配置しています。そうすることで、ユーザーがスムーズに必要な情報を入力できるデザインに仕上げました。

また、ホームページ内の導線も見直し、ユーザビリティを考慮したサイトマップを作成しました。ターゲットに合わせた各サービスページを新設し、情報を整理して掲載することで、ユーザーが知りたい内容を1~2ページ以内で素早く確認できる設計となっています。

PC DESIGN

PCサイトデザイン

お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン

SMARTPHONE DESIGN

スマートフォンサイト
デザイン

ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン

WORKS

よく似た制作実績

制作実績一覧