ネジの総合商社 公式サイト / 商品紹介特設LP

企業サイト https://ym-yamazaki.co.jp/

【担当】

サイト構成設計 / UI・UXデザイン / ドメイン設定

【課題】

• 企業サイトが古臭く見づらい。レスポンシブ非対応。HTTPS非対応。
• 企業内にサイトの知識を持つ社員が不在。製品カタログ情報が更新できない。
• 製品購入は電話がメインで、サイト上から購入できない。
• 最近開発して押し出したい新製品の情報が無い。

など

【どのように解決したか】

• デザイン面については、Wordpressのテーマをベースに、先方の要望に応じてテーマのカスタマイズを行いました。現代風のデザインに寄せつつ、操業70年を超える老舗企業様のブランドイメージを崩さないようにシンプルで洗練されたデザインに落ち着かせました。Wordpressを使用したことによってレスポンシブにも対応。サーバー設定も行なったのでHTTPSにも対応しました。
• Wordpressを使用し、製品カタログや企業情報など、ほぼ全ての情報をダッシュボードから編集できるように構築しました。また、Wordpressについて簡単なマニュアルを作成し先方に対面で操作説明を行いました。それによりウェブの知識のない社員でも簡単にサイトの更新を行うことができるようになりました。
• 製品カタログページを用意しドキュメントをダウンロードできるように設計しました。また、イチオシ商品については特設LPを作成しリンクし訴求力を高めた他、問い合わせページからすぐに製品の請求ができるように設計しました。

【工夫したこと】

• ダッシュボードからの操作ができるだけ簡単になるように内部でプラグインを多用しました。その影響でプラグイン間のコンフリクトや、ページ表示時間の増大に悩まされました。プラグインのコンフリクトについては同じ機能を持つ複数のプラグインを組み合わせて実験を繰り返すことで干渉が起きないかつ最小容量のプラグインになるようにしました。ページ表示時間についてはWordpressテーマを編集し余分な要素を除外した他、ローディング画面を追加してユーザーの離脱を防ぐ策を取りました。企業のイチオシ商品をモチーフにしたローディングアニメーションは気に入っています。

商品紹介特設LP  https://shrn-yamazaki.com/

【担当】

サイト構成設計 / UI・UXデザイン / ドメイン設定

【課題】

• 企業サイトだけではイチオシ商品の魅力を伝えきれない。
• 資料請求をすぐに行うことができない。CVを取ることのできるボタンなどが無い。
• LPを１からデザインし、コーディングをお願いする大きな予算がない。

【どのように解決したか】

• STUDIOを用いて簡易的なLPを作成。先方と話し合いながらデザインとコーディングを同時並行で進めました。モダンなサイト制作ツールを使用することで時間的制約と、予算の課題を同時にクリアしました。
• 商品の魅力を最大限引き出すグラフや画像、動画を多用して視覚的に訴求力を高めました。また、CVボタンを各所に設置。Google Analyticsと連携しCVレートを監視できるようにしました。こちらについても対面で先方に解説し、案件が納品となったあとも企業様の自力のみでサイト運営が行いやすくなるように工夫しました。