制作実績
株式会社シーエスラボ様
商品・企業の魅力を“ターゲットに最適化したコンテンツ”と“清潔感あふれるデザイン”で訴求し、ブランディングを強化
東京都豊島区
- 制作プランMeta定額制30プラン
- カテゴリーサービスサイト（PC・タブレット）
 | |
|---|---|
| Web制作のポイント |
化粧品・医薬部外品のOEMサービスを展開されているシーエスラボ様のサービスサイトを新規作成いたしました。
今回、新規制作の主要な目的の一つとして、「お問い合わせを増やしたい」というご要望をいただきました。そのため、右下にチャットボットへの導線ボタンを明るいオレンジで、左下にメールマガジン登録フォームへの導線ボタンを明るいグリーンで固定表示いたしました。そうすることで、化粧品開発や製造に関するお問い合わせをしたいユーザーと、最新情報を取得したいユーザーという異なるターゲットが、どちらもスムーズに目的を実現できる導線設計に仕上げております。 |
 | |
|---|---|
| 設計・デザインのポイント |
今回、新規制作のもう一つの主要な目的として、「コンテンツを充実させて、企業のブランディングを確立させたい」というご要望をいただきました。そのため、お客様の強みや特徴を訴求できるよう、「3分でわかるシーエスラボ」というページを作成しました。こちらのページでは、歴史や企業理念、事業内容などを図やイラストなどを用いて視覚的にデザインすることで、お客様の事業にかける想いや製造する化粧品・医薬部外品の確かな品質が一目で伝わるページとなっております。
また、「OEM入門」ページでは、「ロットについて」「費用について」「期間について」という3つのコンテンツを掲載し、コンテンツ上部にページ内リンクのボタンを配置することで、OEMを利用したことのないユーザーでも知りたい情報をスムーズに確認できる構成に仕上げました。 デザイン面では、淡いスカイブルーのグラデーションカラーの滑らかに動く円形を、アクセントとして随所に配置しました。そうすることで、お客様の製造する化粧品や医薬部外品の清潔感や安心感を印象づけております。 また、ＰＣサイトもスマートフォンサイトと同様にハンバーガーメニューを画面右上に固定表示しました。通常、ヘッダーに記載されていることの多いメニューをハンバーガーメニューに格納し、ヘッダーのデザインをシンプルにすることでお客様のロゴをより際立たせ、ブランディング向上の後押しとなるデザインに仕上げております。 |
 | |
|---|---|
| Web制作・運用サポート一覧 |
PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング（レスポンシブサイト）、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート |
