ふくしまみらい販福祭 メディサイト
- リリース
- 2022.02
- 役割
- Design, Coding
- 採用技術
- HTML, CSS, SCSS, JavaScript, gulp, GIt
- Design
- 写真（商品や事業者、作り手の顔、地域の風景など）をふんだんに使用することにより、“リアルな地域・人・モノ” を感じさせることで、オンラインでも「ただの通販」ではなく「出会いや共感」を想起させる構成に仕上げています。全体的に落ち着いたトーンで派手すぎず、地域性や“あたたかみ”や“丁寧さ”を感じさせるデザインを目指しました。
- Coding
- セクションごとに役割を明確に分割したうえで、HTML と CSS を構造的に設計し、情報の意味がコードの構造にそのまま反映される実装を行いました。特に各セクションは、背景色・余白・レイアウトを段階的に切り替えることで視覚的なリズムを作り、ユーザーがストレスなくスクロールできるよう配慮しています。JavaScriptは最小限にとどめ、読み込み負荷を抑えながら、静的ページとしての安定性と読みやすさを重視しました。
