LP制作（PC/SPデザイン・実装）【採用サイト】

制作時間

70H

使用ツール

Photoshop /Atom（CSS、HTML、jQuery）

制作範囲

情報設計・ワイヤーフレーム・デザインカンプ・コーディング（レスポンシブ）

制作したデザインカンプ

＜PC/SPデザインカンプ＞

ターゲット・目的・要望

工夫した点

より目的から考えられた構成・デザインを制作するため、ワイヤーフレームを作成する前に、カスタマージャーニーマップを作成いたしました。

▼カスタマージャーニーマップ

デザインのトンマナにブレが生じないよう、イメージボードを作成した上で、デザインに着手いたしました。

▼イメージボード

デザインをおこなう上で工夫した点としては、企業理念の「世界をやさしさでつつむ」をビジュアル面からも伝えることのできるよう、モチーフに、揺らぎ感のあるひょうたん型を使用したり、サイト全体が柔らかい線で包まれているようにいたしました。

また、カラーはカラフルなパステル調にまとめ、メイン事業である「ベビー用品事業」のイメージに合わせました。

コーディング面では、スクロールする度に要素がふわっと出てくるような全体設計にすることで、企業理念を動きからも伝える工夫をしたり、CTAボタンに優しく弾んでいるような動きを付けることで、クリック率を上げるような仕掛けを入れ込みました。