「スグ食べ」webサイト

サイト情報

※basic認証をかけているためお手数ですが、URLクリック後ユーザー名とパスワードのご入力をお願いいたします。 

サイト　　：　https://kaw-ak-o.mimoza.jp/sugutabe/

ユーザー名：　kaw.ak.o_admin

パスワード：　wGQv8aE4

コンセプト

制作背景　　：既存のスグ食べWebサイトは存在するが、今回リスティング広告を出すこ

　　　　　　　とにしたため、 より訴求力の高いランディングページが必要となった。 

クライアント：「株式会社スグ食べ」様

顧客の課題　：商品の品質は良いが、顧客へのPRが不十分なため、売上が伸び悩んで

　　　　　　　いる。

サイトの目的：お試し購入への誘導

ターゲット　：まだ成長期の子どもがいるママ。 働き盛りの夫にも、まだまだ元気でい

　　　　　　　てほしいと思っている妻。 そこそこ食にお金をかけられる（普通のスー

　　　　　　　パーの1.5~2倍程度）。 食にこだわる自分が好き。「ていねいな暮らし」

　　　　　　　が好き。 

作業内容

制作時期　：2023年6月～7月

制作時間　：約2週間

制作内容　：ワイヤーフレーム、デザイン、コーディング

使用ツール：XD/illustrator/photoshop/DreamWeaver

使用スキル：HTML、CSS、JavaScript、jQuery

工夫した点

・メインビジュアルは「丁寧さ」「誠実さ」が伝わるような写真を選定。生産者の手から直接商品が届いている、というイメージ。

・文章の中で特に伝えたい箇所にはCSSで下線やマーカーを実装。

・ページをある程度スクロールすると「お試しセットを注文」ボタンが追従するように

　jQueryを実装（右利きのユーザーが多い想定で、クリックしやすい画面右側に配置）。