| サイト概要

オーガニック野菜宅配サービスのランディングページサイト

| 使用したツール

Illustrator / Photoshop / Figma / VS Code

| 制作期間

企画・デザイン 2週間
HTML / CSS / JavaScript 3週間

| ターゲット

20代後半〜40代前半の女性
Instagramで情報収集をする層

| 情報設計

購入に繋げるにはストーリーが大事なので、まず第一にABOUTで商品のことを知ってもらい、まずはジョグとしてTRIALでお試しセットの訴求を。さらに深掘りで質問やデータを設置し、最後に購入ボタンを。商品の購入促進を最終目的とするも、いたずらに購入ボタンを設置せずにあくまで「スグ食べ」という商品を知ってもらうというコンセプトのもと設計。

| デザイン

デザイン構成時に一番意識したのは余白使い。文字や写真のレイアウトも詰めすぎない程度で見やすい構成を。ターゲットを20〜40代女性に絞ったので色使いにはくすみカラーを取り入れてトレンドを意識。文字色には黒は使わず茶色にすることで温もりを演出。ターゲットを決めたものの、誰でも見やすいユニバーサルデザインにも気を配りました。

| 作成を終えて

デザイン作成時に一番苦労したのは写真選び。適度にトレンド感を取り入れたかったのでちょうどいいおしゃれ感のある写真選びに苦戦。また、動きのあるサイトにしたかったもののスケジュールが押していたため諦めざるを得なかったのは反省点。一番苦戦したのはハンバーガーメニュー。思ったように動かず一番時間を費やした。作品完成後にコーディングの面白さが少しづつ分かるようになったのが収穫でした。