ディレクター
林崎 菜美
CASE
クライアント
マークテック株式会社
業種
製造業
サイトタイプ
プロジェクト期間
11ヶ月
提供サービス
チーム
ディレクター
林崎 菜美
ディレクター
橋本 祐典
デザイナー
難波 葵
デザイナー
小山田 笑渚
WordPressエンジニア
林 暁東
フロントエンドエンジニア
萩尾 奈未
アシスタント
小山田 笑渚
マークテック株式会社様は、非破壊検査および印字・マーキング製品を中心に事業を展開する製造業企業です。
欠陥の検出による製品の安全性向上や、印字による品質管理・トレーサビリティの確保を通じて、ものづくりの品質保証の現場を支えています。
リニューアル前のサイトには、デザインの老朽化や情報が未整理のページが散見され、ユーザーが目的の情報にたどり着きにくいという課題がありました。こうした課題の解消を目的に、今回リニューアルをご依頼いただきました。
サイトの目的や構造を整理し、プロダクトサイト・コーポレートサイト・採用サイトの3つの役割を果たせるよう、全体の情報整理を行いながらデザインを作成していきました。
WordPressでは、SDSの更新コンテンツや製品の動的出力、柔軟な投稿形式に対応することで、更新作業の負担を軽減する工夫を施しています。
また、日本語サイトに加え英語サイトにも対応するため、WordPressのマルチサイト機能を用いて構築しました。
ディレクター
林崎 菜美
今回のリニューアルでは、1つのWordPress環境内で、プロダクトサイト・コーポレートサイト・採用サイトという3つの要素に加え、日本語・英語の多言語対応も求められました。
表側のデザインだけでなく、管理画面(裏側)の使いやすさにも配慮し、わかりやすい構成を意識して制作を進めました。
また、各製品の内容をより直感的に伝えるための図解表現や、SDS(安全データシート)のダウンロード機能、製品間のページ連携など、情報を的確に伝える工夫にも力を入れました。
ご担当者様からは随時率直なフィードバックをいただき、検討を重ねながら、共にサイトを作り上げることができたと感じています。
本サイトが、マークテック株式会社様のさらなる事業発展や採用活動に貢献できることを、心より願っております。
デザイナー
小山田 笑渚
全体としての統一感は持たせつつも、それぞれ目的の異なる3つのサイトで印象に変化をつけられるよう意識してデザインしました。 プロダクトサイトとコーポレートでは、マークテック様のロゴカラーをメインカラーとして使用し、採用サイトでは求職者に寄り添う印象を与えられるよう、明るめの水色を基調とした柔らかい配色を採用しました。 特にイラストや図の表現にはこだわり、一目で内容が伝わるよう工夫いたしました。
WordPressエンジニア
林 暁東
多言語対応により海外ユーザーにも対応しつつ、必要な製品を素早く見つけられる検索機能を実装しました。またCSVインポートにより製品情報の一括登録・更新が可能となり、ユーザビリティと管理効率の両立を目指したWebサイトを作成いたしました。
Web制作に関するお悩みがある方は
お気軽にご相談ください。
多くの実績と経験を持つ私たちのノウハウがきっとあなたの会社のビジネスに役立つはずです。
TEL 03-5981-9333
平日 9:30〜18:30
マークテック株式会社 奥山様
この度は弊社のWebサイトのリニューアルにあたり、キオミルの皆様には大変お世話になりました。
旧Webサイトはデザインのトレンド遅れ、弊社の事業展開に対する整合性のとれたページ拡張性など、さまざまな課題があり、リニューアル案の取り纏めに苦心しておりました。 その中で、キオミル様からページ構成からサイトデザインなど、プロ目線の細やかなご提案・ご説明がございました。関係者が納得できるまで要件定義にご協力いただき、大変感謝しております。 そのほか、Webサイトに掲載する写真撮影、当社固有のSDS管理システムの構築、使いやすいCMS管理画面の設計など、さまざまな面でご配慮をいただきました。
リニューアル公開時期が決まっている厳しいスケジュールの中、キオミル様の正確なタスク管理やレスポンス速度もあり、無事にリニューアルすることが出来ました。
運用開始後はコンテンツの追加相談やCMSのセキュリティ維持のため、キオミル様のWebサイト保守サポートを契約の上、よりよいWebサイト運営を進めていきたいと考えております。