三井堂株式会社のWebサイトができるまで

# お知らせ・ブランディング・制作実例

ホーム » 制作実例 » 三井堂株式会社のWebサイトができるまで

どうも、三井堂株式会社です。
先日(2ヶ月前)、三井堂株式会社のWebサイトをフルリニューアルしました。

リニューアルにあたって、社内で起こった紆余曲折と共に制作の流れをご紹介します。

リニューアルの目的

以前のWebサイトは、運用するにあたりこんな問題を抱えていました。

お客様が求めている情報の記載が少ない
デザインの実例やサンプルがない
メッセージ性が少なく、伝えたいことが伝わらない
提供しているサービスが分かりづらい
お客様との接点が少ない

などなど…
多くの問題を抱えており、Webサイトからの集客が全くもってできる状態ではありませんでした。

以上のことから

三井堂株式会社がどんな会社なのか
どのようなサービスを展開しているのか
どうお客様の役に立つ存在なのか

この3つに重点を置いてリニューアルすることにしました。

設計

以前のWebサイトでは印刷のことが中心で、そのほかの項目については大々的に扱ってはいませんでした。
弊社は印刷会社なので当然ではあるのですが、現在は印刷だけではなくデザイン制作を始め、Webサイトや動画などの幅広い広告媒体に対応できるため、もっとお客様の力になれる部分があるのではないかと思いました。

そこで、印刷のみではなくしっかりと弊社が展開しているサービス１つ１つが分かりやすくなるように設計をしました。

サイトデザイン

サイトの全体的な印象として、やさしい印象でありながら、長い歴史を感じさせるような雰囲気に仕上げたかったので、フォントは、近年のWebサイトでは少し珍しい明朝体を使用し、色にもこだわって、明朝体の文字が強くなりすぎないようにしています。

また、背景には紙のテクスチャを使用し、印刷会社らしさや紙ならではの柔らかさを感じてもらえるようにしました。

そして、単調なデザインにならないように、ブロックずつでレイアウトを変え、流れを感じる飽きがこないデザインにしてあります。

Home

メインビジュアルには、弊社が制作したデザインのサンプルを流し、
一目見ただけで、どんなデザインをする会社なのかがわかるデザインにしました。

Homeページ

Service

事業紹介のページでは、デザイン・印刷・撮影に項目を分け、三井堂株式会社では何ができるのか？という疑問を解消できるようにしました。

また、サービスの紹介文も、内容がわかりやすいかつ、身近に感じてもらえるよう考えています。
（実は、サービスのページは今後大型アップデートを予定しています…！ご期待ください！）

Serviceページ

Works

制作実例のページには、デザインのサンプルや、実際にご依頼をいただいた広告のご紹介をしています。
このページで三井堂株式会社がどんなデザインができるのかをズラッと見ることができます。

Worksページ

撮影

今回、新しく撮影の内容を多く載せました。
それにあたり、弊社常駐のカメラマンに協力してもらい自社スタジオで撮影をしました。
実際の撮影現場では「えっ！こんなことまで出来るんだ！」と社員すら驚いてしまう機材も…。
撮影の時間は、「どんな感じの写真がいいかな」「こんな写真だと魅力が伝わりそう！」と制作担当チームとカメラマンでわいわいとアイデアを出し合い撮影を行いました。

構築

WordPressのアドオン「elementor」を使用して構築を行っています。
通常はデザイナーがデザインを制作し、その後コーダーが実装を行いますが、今回はデザイナーがサイト構築をノーコードで行いました。
WebサイトはSEOの解析を行いながらサイト内の細かい改善を常に行なっていかないといけないのでその作業工程を減らすことができるノーコード制作によって今後の更新や改訂のコストダウンを見込みました。
作って終わりではなく、今後の活用や管理コスト面まで含めての構築を行っています。