要件
制作目的
・日本の自然成分を使用した化粧水「雅華」の魅力を伝え、ユーザーに製品を購入していただくこと。
ターゲット
・自然派美容愛用者
・日本の伝統的な美意識に共感する女性
・環境に優しい製品を求めるユーザー
事業内容
・日本産の自然成分を使用した化粧水を提供するコスメブランド。
デザイン
こちらより実際に閲覧いただくことが可能です。
PC版
SP版
工夫した点
Webサイトを制作するにあたり、「和」の雰囲気と高級感を重視しました。
日本の美意識や伝統を感じられるように、配色には日本の伝統色である黄金色、中紅色、生成色を取り入れ、和の雰囲気を際立たせることで、ブランドイメージと一致するデザインを目指しました。
また、サイト全体に広めの余白を設け、高級感を演出しました。シンプルでありながらも品格を感じさせ、ユーザーに清潔感と視覚的な快適さを提供できるよう心がけています。レイアウトもシンプルで分かりやすく、ユーザーがスムーズに情報を取得できるよう工夫しました。商品や特典情報は明確に配置し、視覚的な情報過多を避けています。
フォント
日本語
・IPAex明朝
文字自体が和の雰囲気を醸し出し、サイト全体の統一感を高めるため、和風のフォントを採用しました。
英数字
・Bodoni 72
IPAex明朝との相性が良く、高級感が感じらるフォントを使うことで全体の統一感を強調しました。
制作ツール
・Photoshop
・HTML
・CSS
・Jqualy
・Lottie（ローディング画面）
・Affter Effect（ローディング画面）
制作日数
・デザイン: 1ヶ月
・コーディング: 1ヶ月
※課題に登場する企業、サービス、人物はすべて架空のものです。