works

NPO法人ルートビーのコーポレートサイト

サイトを見る
ターゲット 理念に共感する家族、ただ体験すること(受動的な遊びや学び)に違和感をもつ家族
目的 NPO法人ルートビーの想いや具体的な活動を伝えて、自然体験イベントなどへの参加につなげる
デザイン説明 職業訓練校でのグループワークで制作しました。

グループメンバーで全体的な配置やレイアウトを大まかに考えたのち、それぞれ担当に分かれました。
私が担当したのは、ヘッダーデザイン、お知らせ、画像の調整、1日の流れの画像作成、全体の調整などです。

全体のデザインは、写真をバランスよく散りばめ、訪れる人々が自然体験施設の魅力を感じられるようにしました。
ヘッダーデザインはPCとモバイルで変更し、それぞれのデバイスに合わせて直感的に操作しやすいよう工夫しました。
PCではカーソルを合わせた時にメインカラーの下線が出てきたり、ホームにかざすとホーム内のリンクが出てくるようにしています。
モバイルでも、ヘッダーが長くなりすぎないようにホーム内のリンクはホームをタップすると出てくる仕組みにし、矢印を配置することで直感的に操作できるUIを意識しました。
制作期間 3週間
使用ツール Illustrator、Photoshop、XD、VScode