WORKS 実績・実例

access_time2020.02.04

CMS 実績・実例

ティエムファクトリ株式会社 公式ウェブサイト制作

世界初の透明高断熱エアロゲル材料「SUFA(スーファ)」の開発をしているティエムファクトリ株式会社のコーポレートサイトを制作いたしました。

サイトリニューアルの目的

企業の成長に従い情報の拡充がこれまで以上に必要となり、ユーザーへの適切な情報開示が可能なプラットフォームを構築したいとの要望をいただきました。情報の見やすさを第一に考え、無駄を省いた機能的なウェブサイトを目指しました。

●制作進行のポイント

ヒアリングから情報を整理し、ワイヤーフレーム上で機能のシミュレーションをすることから始めました。
XDのプロトタイプを用いながら先方に操作してもらい、改善点を洗い出していきました。
ビジュアルの設計は正しいブランドイメージを把握するために イメージボードを作成し認識合わせをしながら進めました。
当社では実際のデザインに落とし込む前に機能・ビジュアルイメージの認識を合わせてから具現化していくステップを取っています。

ワイヤーフレーム
イメージボード


●ビジュアルのポイント

プロダクトの最大の特徴である透明性を画面上で再現するため、装飾をできる限り廃し、画像を美しく見せるデザインを意識しました。

●その他設計のポイント

  • ・ページの遷移をスムースにするためサブナビを配置しコンテンツを掻い摘んで横断できるUI設計にしました。
  • ・レスポンシブデザインを基本とし、1カラムでビジュアルを大胆にみせられる設計にしました。

●CMSの実装ポイント

  • ・MTAppjQueryでブロックエディターを実装、記事入力時に極力htmlを書かず、かつ誰が記事を書いても同じアートディレクションで要素が構成されるように設計・実装しました。
  • ・標準であると若干わかりにくい管理画面内の専門用語をわかりやすい言葉に置き換え、不要な要素を削除し、より使いやすい管理画面を意識して構築しました。
クライアント
ティエムファクトリ株式会社
URL
https://www.tiem.jp/