・WordPressにて作成 (11ページ) (追加HTML/CSS含む)
・作業時期：2024年 4~5月
・ターゲット：小劇場好きなファン（２０〜40代）/芸能事務所・興行元
・Responsive design
・使用ツール：Figma / WordPress / HTML / CSS / illustrator（劇団ロゴ）
全国学生演劇祭で最優秀賞を獲得し、下北沢に進出するなど精力的に活動している注目の若手劇団のホームページを作成。
旧Webページには1箇所に情報が固まっているページがなく、情報が非常に散乱していたため、まずはTOPページでターゲットにリーチしてほしい情報をまとめ、そこから全てのページへの動線を作成した。
デザインに関しては団体側から「アメリカンダイナーをイメージした雰囲気」「劇団員が描くイラストを最大限活かして個性を出したい」という希望があったため、まずは水色・赤の配色をベースに作成。奇抜な色のためページ自体はシンプルに作成し、イラストがより引き立つように工夫した。
Web業界以外の方へワイヤーフレームを提案する際は、専門用語は使わずわかりやすい言葉での説明を心がけている。
背景に関してはスマホビュー・PCビューで異なる。スマホビューで背景にイラストがあるとユーザビリティの低下につながるため水色一色にした。それでもアメリカンダイナーの雰囲気を感じさせるスマホビューだけの工夫を施した。
メンバー紹介のページではカスタマージャーニーを念頭に置き、どこから入ってもメンバー全員に飛べるように設計した。
またSEO対策もしっかりと行い、検索上位はもちろんのこと、付随するSNSも上位に表示されるように工夫を施した。
クライアント側で更新作業を行う動的サイトのため、HP運用がほぼ未経験でも更新しやすくなるようにWordpressで作成した。「過去公演」などの箇所ではアコーディオンをCSSで追加することで情報をより見やすく、シンプルにすることを心がけた。