web

東京研修リニューアルサイト

2026/03

https://2408.mdweb777.site/tokyo_new

東京研修リニューアルサイトの写真

以前作成していた東京研修のサイトをリニューアルしました。

ターゲット
これから東京研修に参加する在校生
目的
東京研修の内容や流れを分かりやすく伝えることで、参加前の不安を軽減し期待感を高めるとともに、実際の体験や学びを具体的に共有すること
情報設計
時系列で研修の流れを把握できる構成に加え、以前のサイトより写真を多く取り入れることで、視覚的な情報量を増やし、直感的に内容が伝わる構成へと改善しました。これにより、テキストに依存せず体験や雰囲気を理解できる情報設計としています。
デザイン
以前のサイトより動きを多く取り入れることで視線誘導や閲覧体験の向上を図り、直感的に楽しめるデザインとしました。さらに、コラージュ風のレイアウトを採用することで写真にリズムと変化を持たせ、視覚的に飽きさせない構成としています。また、モバイルファーストで設計することで、スマートフォンでの閲覧を前提とした見やすさや操作性にも配慮しました。
制作範囲・期間
デザイン:1ヶ月
コーディング:1週間
使用ツール
Illustrator/Photoshop/Figma/
HTML/CSS/js
東京研修リニューアルサイトのPCのデザインカンプ 東京研修リニューアルサイトのSPのデザインカンプ

other-works