広島小学校(仮)PTAホームページ

架空小学校のPTAの紹介を目的としたサイト

https://hirosimapta.yue-portfolio.com/
広島小学校(仮)PTAホームページモックアップ
製作期間

3ヶ月

担当範囲

企画 / デザイン / コーディング

使用ツール

Adobe XD / Photoshop / illustrator / VScode

使用言語

HTML / CSS / Javascript / Sass / WordPress

ターゲット

小学生の子供を持つ幅広い世代の親。

クライアントの要望

小学生らしいエネルギッシュさがありつつ、シンプルなサイト。 世代を問わず使いやすいサイトにしてほしい。

作成ポイント

もっとPTAのことを知ってほしい!をコンセプトに制作したサイト。 小学生のフレッシュさを表現したいと思い、明るい緑を中心にデザインしています。 内容から情報量の多いサイトとなるため、可読性とシンプルさを両立させるため、余白や文字間を調節しています。 また、写真を多用することで、ビジュアルでも理解しやすいよう設計しています。 ホバー時やボタン、各セクションにアニメーションをつけることで視認性の向上を図っています。 Wordpressで実装する際には、カレンダーやカスタム投稿などプラグインを導入し、 管理しやすく、使用しやすいように設計しています。

広島小学校(仮)PTAホームページPCデザイン
イニアビ農園冊子

自然栽培のイニアビ農園 配布冊子

実際に農園に訪れた方などに配る冊子

ロゴコンペ

クライアントワーク ロゴコンペ

オーガニックアロマサロン tila様 ロゴコンペ(提案)