DailyUi #003

2025.2.13

DailyUi3日目!三日坊主になりそうだと思ってましたがデザインを考えることは好きなので意外にも続きそう!ということで今回のテーマ『ランディングページ』を作成しました。

LPを中心にデザインしているWebデザイナーの母に添削してもらいつつ作っていきました。

添削前制作途中

気になっていたLPを初めて作ってみて、基本のLPの流れを学び意識しながら作業できました。

ファーストビュー

ターゲットの問題定義

(今回のターゲットは肌荒れに悩む10~20代の男性)

解決するための要素

満足度やお客様の声

素材集めや画像加工、補正、オブジェクトの作成まで行いました。

<母添削前>

・オブジェクトは斜めの図形にできているのに対し、文字はそのまま

・フォントサイズと丸の大きさを全て統一してしまってパディングに配慮できていない

・透過にしているため少し視認性が落ちている

・光沢で暗い部分と文字色が被って視認性が悪い

添削後

母に指摘された点を修正しつつ、つけていなかったボタンをつけました。

印象がかなり変わったと思います!

水滴の素材を二つ使っているんですけど、色味が違ったためフォトショで色調補正をかけています。

配合成分についてで使っている画像もファーストビューの画像の余分な影や水滴をフォトショで取り除いて使用しています。

顧客満足度のグラフはイラレで作成しました。

LPデザインが楽しすぎたので練習してポートフォリオの作品をためていきたいと思います!

コメントする

※がついている欄は必須項目です。