野菜の専門店 やさい日和 様 (架空サイト)

    野菜の専門店 やさい日和 様より店舗サイト制作依頼

    仮想依頼:野菜のお惣菜専門店 やさい日和 様

    サイトの目的

    「やさい日和」の魅力を伝え、近隣住民にお惣菜やお弁当の注文を促す。

    また、初めての方にも安心感を与えられるように店主の想いも伝えたい。

    概要

    店舗名:やさい日和(Yasai Biyori)
    業態 :野菜のお惣菜専門店
    所在地:石川県金沢市、金沢駅近く

    特徴  地元農家の無農薬野菜を使用
        
        季節のお惣菜を毎日手作り
        お弁当の配達も一部対応


    希望内容
        スマホでも見やすくしたい
        全体的にナチュラルで温かみのあるデザイン
        色味でグリーンを入れてほしい
        フォントは読みやすく、やさしい雰囲気にしたい
        あまりコストはかけたくない

    工夫したポイントなど

    地元野菜を使った手作り総菜を販売する架空のお店「やさい日和」のWebサイトを制作しました。
    実店舗の魅力が伝わるよう、あたたかみと信頼感を大切にしたデザインを心がけました。

    親しみやすさと安心感を与えるデザイン

    丸みのあるフォント(Zen丸ゴシック)で温かみのある、地域に根ざした素朴な雰囲気が伝わるよう配慮しました。
    また、ナチュラルな配色(グリーン&アイボリー)を採用し、お惣菜のやさしい味や手作り感を視覚的に伝えました。

    シングルカラム構成、レスポンシブ対応

    1つ1つのセクションを大きめに構成にし、幅広い年齢層のスマートフォンユーザーに快適に見ていただけるよう設計しました。
    シングルカラムにすることでコストも削減できます。
    (ブレイクポイントは800px、600pxで作成。400px付近のレスポンシブは開発中です。)

    素材の魅力を伝えるライティング

    お惣菜メニューは全てわたしが調理した作り置き野菜たちです。それぞれの食材の特徴や調理法がイメージできるように丁寧に文章を設計しました。

    JavaScript・jQeryで動きのあるデザインを

    初めのローディング画面や、ハンバーガーメニューはjQeryを使用し、メニューカードはJavaScriptでスクロールするとくるっと表示される使用にしました。見る方に楽しんでもらえるようにと、何とか装備できました。

    ぜひご覧になってください

    やさい日和のサイトへ
    https://elie-portfolio.site/yasai-biyori/