架空トマト農家のサービスサイトです。お子さんがいる親が見ても安心するような可愛らしいデザインにしています。レスポンシブ対応にしjQueryを使っています。
URL
担当
デザイン・コーディング(レスポンシブ)
サイトの目的
サービスの認知により購買につなげる。お問い合わせ数。採用エントリー。
ターゲット
男女 20~40代(親とその子供)
デザインについて
子供にも優しい印象を持ってもらうため、写真を切り抜いたり、文字やボタンに曲線を使っています。野菜のイラストは手がき感のあるものにし、背景は画用紙のような素材を使いやわらかい印象にしました。
野菜、畑、子供、生産者などの写真を多く使い、新鮮さや親しみやすさをもってもらうよう意図しています。
書体は手書きフォント。トマトの色や食欲を搔き立てる赤色・オレンジ色をメインカラーにしています。
コーディングについて
トップページ、商品紹介ページ、アクセス・お問い合わせページの計3ページ制作しています。
メインビジュアルはスリックスライドのjQueryプラグインを使用しています。レスポンシブ対応にし、タブレット・スマホ表示ではヘッダーがハンバーガメニューに切り替わります。