ハイドレックスジャパン様(コーポレートサイト)|Web制作実績 レスポンシブ対応|制作実績
お客様の製品ならではの強みや魅力を最大限訴求する設計・デザイン
クライアント | 株式会社ハイドレックスジャパン様(東京都中央区銀座) |
---|---|
制作プラン | Meta定額制20プラン |
カテゴリ | コーポレートサイト コーポレートサイト・事務所 医療・美容・薬品 |
URL | https://hydrex-japan.net/ |
制作チーム |
|
POINT
制作のポイント
業界トップクラスの水素発生量を誇る水素吸入器の販売を行うハイドレックスジャパン様のコーポレートサイトをリニューアルいたしました。
今回、リニューアルのもう一つの目的として、「ユーザビリティの高いホームページにしたい」というご要望をいただきました。そのため、ユーザーが納得したタイミングでスムーズにお問い合わせできるよう、お問い合わせフォームへの導線ボタンを明るいブルーのアクセントカラーで画面右上に固定表示いたしました。
さらに、電話で問い合わせたいユーザーが、どのページを閲覧していてもスムーズに番号を確認できるよう、お問い合わせフォームの左隣に電話番号を併せて固定表示いたしました。そうすることで、ユーザーが問い合わせ方法を自由に選択でき、どなたでもお問い合わせしやすい導線設計に仕上げております。
ディレクション
T.Okamoto
モバイルサイトでは、「自宅用に水素吸入器の購入を検討している方」や「水素吸入器の導入を検討しているサロンオーナーの方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を7:3と想定し、モバイルファーストで設計しております。
今回、目的の一つとして「ブランドイメージを向上したい」というご要望をいただきました。そのため、水素吸入器の優れた性能を強く押し出せるよう、「トップページ」の商品紹介部分では水が広がるようなアニメーションを使用し、ユーザーが思わず目を留めることで、商品紹介の閲覧を促すデザイン設計にいたしました。さらに、水素発生量の多さをユーザーにわかりやすく伝えるため、図を用いて視覚的に理解できるデザインに仕上げております。
Webデザイン
T.Okamoto
モバイルサイトでは、「自宅用に水素吸入器の購入を検討している方」や「水素吸入器の導入を検討しているサロンオーナーの方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を7:3と想定し、モバイルファーストで設計しております。
今回、目的の一つとして「ブランドイメージを向上したい」というご要望をいただきました。そのため、水素吸入器の優れた性能を強く押し出せるよう、「トップページ」の商品紹介部分では水が広がるようなアニメーションを使用し、ユーザーが思わず目を留めることで、商品紹介の閲覧を促すデザイン設計にいたしました。さらに、水素発生量の多さをユーザーにわかりやすく伝えるため、図を用いて視覚的に理解できるデザインに仕上げております。
Webデザイン
T.Okamoto
デザイン面では、水素吸入器の「清潔感」を印象づけるため、さわやかなデザインのホームページに仕上げました。具体的には、ブルーベースの明るいグラデーションカラーをアクセントとして使用し、水面を連想させるテクスチャを背景に配置いたしました。そうすることで、お客様の商品の魅力をより訴求できるデザイン設計になっています。
エンジニア
R.Takimoto
システム面では、お客様の顧問ドクターによる水素吸入にまつわる記事を発信できる「ドクターのQ&A」をオリジナルのCMSで自社開発しました。こちらのCMSでは、「水素について」「病気」「美容」という3つのカテゴリーを発信する記事の内容に合わせて管理画面で登録できるため、多くの情報をジャンルごとに整理しながらホームページを運用できるシステム設計となっております。さらに、「脳梗塞」や「肩こり」などの具体的な病名や症状に関するテーマを登録することで、ユーザーがより必要な情報にスムーズにたどり着けるよう設計いたしました。
Web制作・運用サポート一覧
PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計、オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート
PC DESIGN
PCサイトデザイン
お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン
SMARTPHONE DESIGN
スマートフォンサイト
デザイン
ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン
WORKS