Facebook 【「#mifu_senseiのデザインお題」#71 Web「美容室(シルクスプラウト)」 LP制作】
Logo

【「のデザインお題」 Web「美容室(シルクスプラウト)」 LP制作】

クレジット
Avatar
WEBデザイナー
【「#mifu_senseiのデザインお題」#71 Web「美容室(シルクスプラウト)」 LP制作】-1
シェア
制作ノート
【制作について】

 ●制作の流れ

スプレッドシートの情報を整理し、競合LPのリサーチを行い、イメージに沿ったトンマナシートを作成。手書きのラフで情報を整理し、Figmaにてワイヤーフレームを作成し、視覚的なバランスを追求しました。「STUDIO」を用いて実装。メインビジュアルはスライドショーでお店の空気感を魅せ、中央にタイプロゴを配置し、視認性を保ちつつブランドの世界観を印象づけました。PC・モバイル双方での見え方を意識した、レスポンシブ対応も行いました。CVボタンの配置、CONTACTフォームへの誘導まで一貫して担当しました。

●カラー

お店のイメージにもある植物やオーガニックを連想させるアースカラー(グリーン・ブラウン)を基調とし、上質でありながらも居心地の良さを感じる配色に仕上げました。

●タイポグラフィ

繊細で美しい「Shippori Mincho」を使用しました。文字間と行間に十分な余白をとることで、洗練さを意識しました。

●情報設計

メインビジュアルの次に【CONCEPT】を配置し、サロンの想いや空気感に共感してもらい、次にユーザーが最も気にする【MENU】を提示しました。その後も【STAFF】紹介など、ユーザーの安心感と期待感を醸成する流れを設計しました。CVボタンは【MENU】と【ACCESS】情報の後に置くことで、ユーザーが予約したいと思った瞬間を逃さないように配置しました。  

シェア
aiko hiramotoの他の作品
画像
作品を見る
【架空案件】クリスマスセール バナー
画像
作品を見る
【架空案件】抹茶ラテ バナー
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【「#mifu_senseiのデザインお題」#71 Web「美容室(シルクスプラウト)」 LP制作】-1
aiko hiramotoの他の作品
画像
作品を見る
【架空案件】クリスマスセール バナー
画像
作品を見る
【架空案件】抹茶ラテ バナー
foriio

あなたのforiioを無料で作成

fori.io/