Scroll
開発の流れ
企画・設計
Figmaを使用したワイヤーフレーム作成
開発・実装
レスポンシブデザインでのコーディング
公開
Herokuを用いたデプロイ
ターゲット
アニマルウェルフェアや環境配慮に関心のある消費者
牧場の取り組みを知りたい一般の方、学生、食や環境に関心のある層
課題
日常で口にする畜産物の背景や飼育環境を知る機会が少ない
消費者と生産者の距離が遠く、取り組みが伝わりにくい
目的
命の育ち方や飼育の大切さを伝え、消費者に「食べること」と「環境」への意識を広げること
牧場のアニマルウェルフェアの取り組みを可視化し、共感を生むこと
使用言語 / 技術
PHP（Laravel） / HTML / CSS / JavaScript / AWS S3（画像ストレージ）
プロセス（デザイン上の工夫）
写真や文章をシンプルに配置し、牧場の雰囲気が伝わる柔らかいデザインを心がけました
色味や余白を大切にし、落ち着いたトーンで安心感を演出しています