こばやす農園: 新鮮野菜農園のHP
  • コーディング
  • デザイン

こばやす農園架空のサイト

新鮮野菜農家のHP

こばやす農園のトップページをPCとスマートフォンで表示した様子。
こばやす農園をスマートフォンで表示した様子。
こばやす農園をスマートフォンで表示した様子。

Requirements

ご要望

  • ターゲットは20代～30代の夫婦
  • メインカラーはグリーン
  • 装飾に野菜のイラスト、手書き風を希望
  • シンプルでスタイリッシュ

Solutions

工夫点

  • ウォームナチュラル配色とフレッシュナチュラル配色の混合を想定
  • メインカラーは「安全」の意味もある緑
  • 食べ物をおいしくみせる暖色をポイントに使用
  • 野菜の形状である丸みや曲線に合った形状を意識
  • 視認性を損なわないシンプルな動きとレイアウト
  • 手書き風ロゴ素材を使用
  • レスポンシブ対応

MEMO

制作メモ

デザインツール:

  • Figma

コーディング環境:

  • VSCode
  • GitHub Pages

使用言語とライブラリ:

  • HTML/CSS
  • JavaScript
  • jQuery

Others

その他の制作物

Comparisonのサムネイル

Comparison架空のサイト

  • WordPress
  • コーディング
  • デザイン
  • ロゴ制作
PON DESIGNのサムネイル

PON DESIGN架空のサイト

  • WordPress
  • コーディング
Shiroのサムネイル

Shiro架空のサイト

  • コーディング
  • ロゴ制作
Planet Huntersのサムネイル

Planet Hunters架空のサイト

  • コーディング
More

Contact

お問合せ

I’m here to help you.

お気軽にお問合せください！

WEBサイトの制作やリニューアル、
各種デザインのご依頼やお見積り、
ご質問など、どうぞ気軽にご連絡ください。

Contact