プロのデザイナーと同じ思考プロセスで
実際のWebサイトを作ってみよう
ウェブデザインとは、単に「見た目をきれいにする」だけではありません。
ユーザー体験(UX)を考慮し、情報を分かりやすく整理し、
目的達成を支援するための総合的な設計プロセスです。
今日は、実在する商品のランディングページを
プロと同じ手順で作ってみます
デザイナーの仕事は、まずクライアントの真のニーズを理解することから始まります。
今日のクライアントは、革新的なドライヤーを開発したスタートアップ企業です。
ユーザーが検索やSNS広告から最初にたどり着くページのこと。
商品購入や資料請求など、明確な行動(コンバージョン)を促すことが目的。
一般的なWebサイトとは違い、1つのゴールに向かって設計します。
* 実際のプロダクトのLPサンプル
いきなりデザインツールを開くのはNG!
まずは戦略的思考でプロジェクトの土台を固めましょう。
「忙しい朝の大学生」って具体的にどんな人?
なぜこの商品を選ぶべき?
ユーザーの共感(Empathize)から始まり、問題定義→アイデア創出→プロトタイプ→テストの
5段階で進める人間中心の問題解決手法。GoogleやAppleなど世界的企業も採用している思考プロセスです。
清潔感のある白×アクセントカラー
親しみやすく、でも信頼できる
スマホファースト、直感的
戦略が決まったら、いよいよビジュアル制作です。
プロ仕様のCanvaを使って、本格的なLPを作成していきます。
* 今回専用のテンプレートが開きます
オーストラリア発のグラフィックデザインツール。プロ級のテンプレートと直感的な操作で、
デザイン経験がなくても高品質な作品が作れます。世界で1億人以上が利用中!
作品完成後は、プロのデザイナーと同じように
クライアントプレゼンテーションを体験してみましょう。
ユーザー中心設計の基礎
プロツールの実践活用
デザイン意図の言語化
今日の経験が、皆さんの「好き」や「得意」の発見、
そして将来のキャリア選択に繋がることを願っています。