JAMAICAN CULTURE SCHOOL
Dance Studio Landing Page / Web Design
Role：Web Design / Coding
Tools：Photoshop / WordPress/HTML / CSS
*現在はWordPressで再構築し、更新可能な設計にしています。
Overview
Jamaican Culture School の公式サイトとして、
スタジオの雰囲気やジャマイカカルチャーが
直感的に伝わるよう制作した
ランディングページです。
PC・スマートフォンどちらからの閲覧も
想定して構成しています。
現在はをWordPressにて再構築し、
クライアント様が更新可能な仕様にしています。
Design / Structure Point
代表人物の写真を大きく配置し、
スタジオの空気感や人柄が
一目で伝わる構成にしました。
「雰囲気 → 内容 → 行動」の流れを意識し、
情報量を抑えながらも迷わず理解できる
導線を設計しています。
PC・スマートフォンそれぞれの表示を想定し、
実際の見え方が分かるデザイン・レイアウトを
調整しています。
Process
クライアントへのヒアリングをもとに
目的・ターゲットを整理
1．XDでワイヤーフレームを作成し、
構成を事前にすり合わせ
2．Photoshopでデザインカンプを作成し、
ビジュアル面を確認
3．PC・スマートフォン両方の表示を想定して調整
4．HTML / CSS にてコーディングまで対応
５．WordPressで再構築し、更新可能な設計へ
デザインから実装まで一貫して制作し、
現在も実際に公開・運用されているサイトです。
mobile view
