Facebook webデザイン
Logo

webデザイン

クレジット
Avatar
webデザイン
webデザイン-1
シェア

webデザイン

車で移動しながらワーケーションをするサービスサイト「Vancation」を制作しました。 <デザインの制作意図> ①FVのインパクトと流れ →景色の良いFVと「今日はどこでWorkする?」の問いかけで興味を持ってもらう。 FVの高さを650pxにしVancationとは?の文字が敢えて見えるようにした。 このあとちゃんと説明があると思いスクロールしてもらうため。 ②遊びゴゴロのある配置 →車で移動することの楽しさをコンテンツの配置で表現。 FEAUTURE部分ではロードをイメージした曲線と実際にアイコンで車を走らせて自分の感覚で旅をしながら仕事ができるワクワク感を表現。 ③自然にマッチするアースカラー →全体的にくすみがあるグリーンを使用することで自然と一体化しているような雰囲気を表現。 クリックしてもらいたい箇所は背景よりも彩度を上げ目立たせた。 文字も黒寄りのグリーンを使用することで全体の統一感を担保するようにした。 ④ビジュアル訴求 →実際にバンライフをしながら仕事をすることがどんなイメージなのか目で見てイメージしてもらうためにシーン別に写真を多く使用。 写真全体の明度は上げ彩度は下げることで統一感を演出。 1日の流れの項目も入れることでより具体的にイメージを持ってもらう。 ⑤コンテンツ毎のメリハリ →見ていて飽きさせないためにFEATUREや1日の流れの部分では丸みを帯びた表現、RecommendやUservoiceでは四角を用いることでメリハリをつけました。 また、前半はビジュアル訴求で動きのある表現、後半は読ませたい部分のため、カッチリとした配置を意識し制作しました。
クレジット
Avatar
webデザイン
シェア
midori suzukiの他の作品
画像
作品を見る
スマホサイトLP
画像
作品を見る
名刺デザイン
画像
作品を見る
フードデリバリーサイト
foriio

あなたのforiioを無料で作成

fori.io/
Logo
webデザイン-1

webデザイン

車で移動しながらワーケーションをするサービスサイト「Vancation」を制作しました。 <デザインの制作意図> ①FVのインパクトと流れ →景色の良いFVと「今日はどこでWorkする?」の問いかけで興味を持ってもらう。 FVの高さを650pxにしVancationとは?の文字が敢えて見えるようにした。 このあとちゃんと説明があると思いスクロールしてもらうため。 ②遊びゴゴロのある配置 →車で移動することの楽しさをコンテンツの配置で表現。 FEAUTURE部分ではロードをイメージした曲線と実際にアイコンで車を走らせて自分の感覚で旅をしながら仕事ができるワクワク感を表現。 ③自然にマッチするアースカラー →全体的にくすみがあるグリーンを使用することで自然と一体化しているような雰囲気を表現。 クリックしてもらいたい箇所は背景よりも彩度を上げ目立たせた。 文字も黒寄りのグリーンを使用することで全体の統一感を担保するようにした。 ④ビジュアル訴求 →実際にバンライフをしながら仕事をすることがどんなイメージなのか目で見てイメージしてもらうためにシーン別に写真を多く使用。 写真全体の明度は上げ彩度は下げることで統一感を演出。 1日の流れの項目も入れることでより具体的にイメージを持ってもらう。 ⑤コンテンツ毎のメリハリ →見ていて飽きさせないためにFEATUREや1日の流れの部分では丸みを帯びた表現、RecommendやUservoiceでは四角を用いることでメリハリをつけました。 また、前半はビジュアル訴求で動きのある表現、後半は読ませたい部分のため、カッチリとした配置を意識し制作しました。
クレジット
Avatar
webデザイン
シェア
midori suzukiの他の作品
画像
作品を見る
スマホサイトLP
画像
作品を見る
名刺デザイン
画像
作品を見る
フードデリバリーサイト
foriio

あなたのforiioを無料で作成

fori.io/