はじめまして、
やまざき ひろふみと申します。
浜松ホトニクス株式会社
2018
担当:コンセプト策定/アートディレクション/デザイン/撮影ディレクション
工数:5人月
スマートフォンなど身近な製品から、先端医療・学術研究を支える製品に至るまで、光センサ、光源、計測装置、画像解析システムなどを展開している浜松ホトニクス。 リニューアル前のWebサイトは紙カタログを展開しただけにとどまっており、目的の製品が探しにくいという課題を抱えていました。そのため、情報構造最適化、検索機能強化、パーソナライズ機能開発など、マーケティング機能を強化する必要がありました。また、マーケティングだけでなくブランド強化も重要視しており、しっかりとしたコンセプトの可視化も求めていました。私は、デザインコンセプトを固めるためのワークショップ推進からデザイン最終化までを担当しました。
「ブランドビンゴ」という手法を用いて、自社を他のモチーフに例えて解釈していくワークショップを実施。14名を3つのチームに分け、思考を発散してもらいました。ワークショップ中はすぐにクロージングせず、発散につながる問いを投げかけることに注力しました。
抽象的な言葉だけでは、プロジェクトメンバー間の意思疎通を図ることは難しいと考えています。そのため、文脈を添えていくことを意識し、具体的に記載。人の印象変化と同様に、第一印象とそれ以降という切り口でもどういった世界観が最適か記載しました。デザイン提案時には「拠り所」として機能するだけでなく、サイト公開後も拠り所として活用いただき、数年経っても世界観を保つ効果を発揮しています。




ミニマルな世界観だからこそビジュアルの質を高める必要があったので、撮影ディレクションも実施しました。デザインコンセプトに基づいて写真に求める役割を明確化し、1週間で150点の撮影を3名のカメラマンとおこないました。






抑えるべき点を踏まえながら、メガメニューやメインビジュアルのスライダー、問い合わせにつなげるためのサイドボタンなど、使い勝手につながるUIが機能美として成立することを重視して進めていきました。
各デバイス幅に対する展開パターン
機能系のモジュール一覧
リンク付き画像のモジュール一覧
リンク付き画像のモジュール一覧
フォーム系のモジュール一覧
フォーム系のモジュール一覧
メガメニューデザイン
アイコンデザイン
デザインコンセプトで定義した「スマートで自然に感じられる知性や、控えめだが内に秘めた想いを持つイメージ」を元に書体や罫線、余白など各要素ごとに選択肢を提示。言語化されたコンセプトを基に視覚化されるとどのような世界観が最適なのか、比較検討しながら一緒に決めていきました。
グローバルサイトトップページ
製品カテゴリトップページ
製品一覧ページ
製品検索結果一覧ページ