あだちファミリースペースevery tree

学校に行っていない子どもたちが、大人や仲間と出会える居場所「あだちファミリースペースevery tree」のサイト。

イラストや写真はクライアント支給。素材の雰囲気を活かして、レイアウトを組み立てました。ワイヤーフレームから公開まで約2週間。

担当範囲: ワイヤーフレーム／デザイン／コーディング／WordPress構築
制作期間: 14日間（ワイヤーフレーム3日・デザイン7日・コーディング4日）
制作時期: 2024年1月〜2月
URL: https://every-tree.com/

PC

支給のイラストを大きく使い、木の下に人が集まる施設の雰囲気がそのまま伝わるファーストビューにしました。
代表者のメッセージは、写真に名前を重ねて配置。セクションの境目をゆるやかな曲線にして、やわらかい印象にしています。
イラストと説明文を左右交互に並べ、サービスの数が多くても単調にならないようにしました。

SMARTPHONE

スマホでもイラストの木が主役になるよう、縦長の画面に合わせて組み替えています。
スマホでは左右交互の配置を1列にし、イラストと説明文を順番に読めるようにしました。