Webデザイナー・Webディレクター専⾨ 求⼈転職支援「STASEON(スタシオン)」- Web/DTP グラフィック業界と繋がる情報メディア

Webデザイナー・Webディレクターの求人転職支援「STASEON(スタシオン)」

Webデザイナー・ディレクターの求人転職支援

九〇三 フォロワー 0人

四年制大学卒用後、半年ほどWeb制作のスクールに通う。
Illustrator・Photoshop・Dreamweaver等の基本操作が可能。
LPやHPの制作経験を通してHTML・CSSのマークアップ経験あり。
Javascriptは只今勉強中。
また、簡単な動画制作等も可能。(使用アプリはAviUtl)

スグ食べ ランディングページ 

ご覧いただきありがとうございます。
こちらはスクールの課題として制作した、仮想クライアントワークであり、
「スグ食べ」という架空野菜配送サービスのランディングページのデザインカンプになります。
コンセプトやターゲット層は概要一番下の「ヒアリングシート」をご覧ください。
※ロゴとテキストはスクールより指定されたものを使用。




デザインで力を注いだ点は以下になります
(「ヒアリングシート」と併せてお読みいただくことを推奨します)

・文章を読み込まずとも、画像と太文字のみでも内容が頭に入ってくるように余白や写真を配置。
・どのような野菜が届くのかユーザーがイメージしやすいように、新鮮な野菜や農家が写った写真を選択。
・お試しセットへ誘導するボタンを多めに設置し、購入までのアクションをなるべく削減。
・主に白,緑,茶色の三色で構成することでサイトコンセプトに沿ったイメージを演出。また彩度を落とすことで「昔ながらのギラギラした感」を排除。
・アイコンを取り入れることで、誘目性と洗練された印象を両立。
・モバイル版は「アコーディオンパネル」や「ハンバーガーメニュー」等を用いて、なるべく初見時の情報量を削減。




ヒアリングシート

▽サイト立ち上げの目的
既存のスグ食べWebサイトは存在するが、今回リスティング広告を出すことにしたため、
より訴求力の高いランディングページが必要となった。
食へのこだわりが強い層に響くような内容にして、なにはともあれお試し購入へ導きたい。

▽サイトコンセプト
新鮮さ・信頼感・安心感・健やかさ・ヘルシー

▽ターゲットユーザー
まだ成長期の子どもがいるママ。
働き盛りの夫にも、まだまだ元気でいてほしいと思っている妻。
そこそこ食にお金をかけられる(普通のスーパーの1.5~2倍程度)
食にこだわる自分が好き。「ていねいな暮らし」が好き。

▽訴求したい事項
1. 無農薬・有機野菜・オーガニック野菜
2.「身体にいいものを販売している(いいものを作っている農家をセレクトしている)」
 ブランディング
3. 産地直送(だから新鮮でおいしい)
4. 旬のものが味わえる

▽ページイメージ
ナチュラルで明るく、清潔感がある感じ。
LPなので、ある程度リッチなデザイン(ディティールに凝ったもの)にしたい。
でもギラギラした昔ながらのLPにはしてほしくない。
お試しセットのボタンが目立つようにしてほしい。
ターゲットユーザーはスマホもよくみるので、スマホでも使いやすくしたい。

  • Web・UI/UX
368

スグ食べ ランディングページ PC版

スグ食べ ランディングページ モバイル版

九〇三 フォロワー 0人

四年制大学卒用後、半年ほどWeb制作のスクールに通う。
Illustrator・Photoshop・Dreamweaver等の基本操作が可能。
LPやHPの制作経験を通してHTML・CSSのマークアップ経験あり。
Javascriptは只今勉強中。
また、簡単な動画制作等も可能。(使用アプリはAviUtl)

はじめての方へ

アカウントを登録すると、求人情報やポートフォリオをお気に入り登録することができます。

おすすめの記事

MORE