一般社団法人ななつのこ様｜法人ホームページ｜実案件

❖ 目次

• 制作物
• 制作範囲
• デザインの工夫
• 実装の工夫

❖ 制作物

🔽 完成サイトはこちら

https://nanatsunoko.org/

※ メンバー紹介のイラストはこれから追加予定です。

❖ 制作範囲

• ワイヤーフレーム（情報設計）
• デザイン
• 画像選定・加工
• 実装（レスポンシブ対応 / アニメーション）
• 公開

❖ デザインの工夫

[ ① 配色 ]

既存のカフェサイトの配色（水色・黄色）と調和を取りつつ、法人サイトとして区別できるよう意識しました。

[ ② イラスト ]

• 親しみやすく、やわらかな雰囲気で制作しました。
• FVでは、地域の人々のつながりや活動、拠点としてのカフェを表現しました。
• サイト全体にイラストを散りばめ、世界観の統一を意識しました。 

▼ FVのイラスト

▼ その他イラスト

❖ 実装の工夫

[ ① アニメーション ]

• 最後まで飽きずに見てもらえるよう、イラストにアニメーションを追加しました。

[ ② レスポンシブ対応 ]

• すべてのデバイス・画面サイズでレイアウトが崩れないよう、細かく調整しました。