シーエスラボ様（サービスサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回、新規制作のもう一つの主要な目的として、「コンテンツを充実させて、企業のブランディングを確立させたい」というご要望をいただきました。そのため、お客様の強みや特徴を訴求できるよう、「3分でわかるシーエスラボ」というページを作成しました。こちらのページでは、歴史や企業理念、事業内容などを図やイラストなどを用いて視覚的にデザインすることで、お客様の事業にかける想いや製造する化粧品・医薬部外品の確かな品質が一目で伝わるページとなっております。

また、「OEM入門」ページでは、「ロットについて」「費用について」「期間について」という3つのコンテンツを掲載し、コンテンツ上部にページ内リンクのボタンを配置することで、OEMを利用したことのないユーザーでも知りたい情報をスムーズに確認できる構成に仕上げました。

PCサイトでは、スライド表示にしていた「インフォメーション」「お役立ち情報」のサムネイル画像を、スマートフォンサイトでは最新の4件のみ表示し、画面の狭いスマートフォンでもすっきりと見やすくデザインいたしました。

デザイン面では、淡いスカイブルーのグラデーションカラーの滑らかに動く円形を、アクセントとして随所に配置しました。そうすることで、お客様の製造する化粧品や医薬部外品の清潔感や安心感を印象づけております。

また、ＰＣサイトもスマートフォンサイトと同様にハンバーガーメニューを画面右上に固定表示しました。通常、ヘッダーに記載されていることの多いメニューをハンバーガーメニューに格納し、ヘッダーのデザインをシンプルにすることでお客様のロゴをより際立たせ、ブランディング向上の後押しとなるデザインに仕上げております。

システム面では、お客様の製品情報を掲載できる「製品カタログ・ホワイトペーパー」CMSを自社開発しました。こちらのCMSでは、掲載した製品に関するカタログのダウンロードフォームに遷移できるボタンを画面下部に固定表示しているため、商品の特長を理解し興味を持ったユーザーがスムーズにダウンロードフォームに遷移できる導線設計となっております。

また、ユーザーに向けて化粧品やOEMに関するコラムを掲載できる「お役立ち情報」も、オリジナルCMSで自社開発いたしました。こちらのCMSでは、「初めてのOEM」や「スキンケア」など掲載するコラムに合わせて自由にカテゴリー分けできるため、多くのコラムを内容ごとに整理しながらホームページを運用できるシステム設計となっております。