WORKS DETAILランディングページ&サイト制作実績の詳細
ドローン・顔認証AIサービスのサイトデザイン制作
ドローン・顔認証AIソリューションサービスを提供するセブントゥーファイブ株式会社さまのコーポレートサイトをデザイン制作いたしました。
![ドローン・顔認証AIサービスのサイトデザイン制作](https://conversion-labo.jp/wp-content/uploads/2020/09/7to5_site_works2.jpg)
ランディングページのテーマ
世の中の求めに応じた技術革新で「新しい価値」を提供する
ドローンや顔認証AIによる活用で生まれる価値を通じて、社会に貢献していきたいという同社のコンセプト。単に最新技術を社会に提供するのではなく、変化する世の中の求めに対応した「新しい価値」を生み出していく会社像を伝えるサイトです。デザインについては、ロゴのカラーである赤を活用して、メリハリのあるカラーリングで、かつ、洗練された印象になるようなデザイン展開に。また、ブログやコラム投稿によるコンテンツマーケティングを想定したWordPress更新型のサイト開発を行いました。
ランディングページのデザインコンセプト
- メインカラーの「赤」とサブカラーの「黒」の組み合わせで洗練された印象に
- レスポンシブに対応したデバイスフォントでのデザイン
- シンプルなフラット型のボタンUIデザイン
- ロゴマークをアイコンとして活用し、アイキャッチに
- 写真を大きく活用して、メリハリのあるデザインに
- WordPressによる更新性を考慮した使いやすいレイアウト設計
ランディングページのコーディング
- レスポンシブレイアウトのため、1HTMLでPC/スマホそれぞれに最適化したコーディング
- PC/スマホ端末それぞれでの閲覧に応じて最適な画像を出し分け
- ボタンリンクのクリックを誘導するためにホバー時にアニメーションを実装
- ページ内リンクをスムーススクロールでスムーズな動きに
- EFOの一環として、入力に間違いがないようにバリデーションを実装
ランディングページ&サイト制作実績
![メンズコスメブランドのPC/スマホランディングページ(LP)を制作](https://conversion-labo.jp/wp-content/themes/conversion_lab_v3/images/common/works_loader.gif)
メンズコスメブランドのPC・スマホ向け楽天市場ストアサイトを制作
メンズコスメブランド「BULK HOMME(バルクオム)」を展開しているTSUMO・JP株式会社様の楽天市場ストアサイトのPC版とスマートフォン版をデザイン制作いたしました。
![リゾートバイトのPC/スマホランディングページ](https://conversion-labo.jp/wp-content/themes/conversion_lab_v3/images/common/works_loader.gif)
リゾートバイトの特設PC/スマホランディングページを制作
全国のリゾートバイトを紹介する「はたらくどっとこむ」を運営されているアプリリゾート様のPC/スマホランディングページをデザイン・制作いたしました。