【課題】LP制作(エントリーサイト)
OVERVIEW
SHElikes PRO デザイナーの課題として、架空案件のLP制作を実施。ワイヤーフレーム、情報設計、PC版とSP版のLP制作(デザインとコーディング)、実装までを一通り行っています。(製作期間:5週間)
*コンセプト・テーマ*
「家族の笑顔、明るい未来や幸せを創る、やさしさでつつむ」をテーマとしています。
企業コンセプトにある、「ママやパパだけでなく、おじいちゃんからおばあちゃんまで」という所に、今後は家族みんなの幸せを創る企業でありたいという願いを感じました。なので、そこを前面に押し出し、共感を得られる人物の採用を目指す事を考えました。
*ペルソナ*
*ユーザーストーリー*
*スタイルについて*
1.色に関して
コンセプトに掲げているターゲットより、年齢や性別を限定するイメージが付かないような色合いとしました。
具体的には、やさしい雰囲気を出すため、ペールトーンを選択し、一番のメインカラーを未来や希望を表す黄色としました。さらに、平和や幸せを表す緑、やさしさを表すピンクを使用し、コンセプトを色でもできる限り表現できるようにしました。
2.フォントに関して
基本的には可読性を考慮し、すべて「Noto Sans JP」を使用しています。
キャッチコピーは「あんずもじ」で作成しています。キャッチコピー等はすべてコンセプトの言葉を使用していますが、その言葉に合うフォントとして、使用しています。
*制作のポイント*
「TSUTSUMU」から、つつむ=角のない形、丸を想像しました。ただし、幸せの形は様々あるという意味合いも込め、あえて丸の形を崩したことで、それぞれの家族の形や幸せを創り上げるという所を表現しました。
また、シャボン玉で写真を包むイメージで、家族みんなの笑顔を包むという事を表すため、ペールトーンの虹色の円でフレームをつけています。
*課題を通して学んだこと*
- デザインとは、あくまでも情報を伝える手段。
ついつい「こんなサイトにしたら、目を引いておもしろいかも」と思ってしまい、凝ったデザインについつい行ってしまいがちだが、まずは情報を伝えるのが一番の使命であるという基本を忘れてはいけないと再認識しました。 - 色を付けたり、画像を入れ始めると、ついついアイデアを足したくなりますが、本当に伝えたいことを伝えるには引くことも重要と作業を通して学びました。
- マークアップ設計図はしっかりと作りこんでおく事で、コーディング作業がスムーズになるという事が実際の作業を通して、よくわかりました。
- レスポンシブルサイトを作る方法として、スマホファーストでの作成の場合の方が楽な場合もある事を実感しました。小さくする方が難しいため、スタート部分から計画立てて行う事が重要と学びました。