撮影スタジオ運営・コーディネート「パイロッツ」コーポレートサイト
Credit
- Client
- 株式会社パイロッツ
- Type of Business
- 国内・海外でのロケーションコーディネイト / 撮影スタジオの運営 / 撮影スペースの委託業務 / 布バックの制作・レンタル
- Role
- Web Design
- Web Development
Overview
構成や導線を見直し
よりユーザーファーストなサイトへ
パイロッツ様は、映画やCM、雑誌などプロ向けの撮影スタジオや撮影時に使用する背景素材、ロケ場所を提供する撮影コーディネート会社です。旧サイトでは「多数あるスペースや商品の検索機能が弱い」「部署が多く、どこで何を取り扱っているのかわかりにくい」などの課題があったため、それらを総合的に改善した新サイトへとリニューアル。構成や導線を見直し、ブランド別・スペース別のコンタクトフォームや、約三千点ある背景素材をカテゴリー別に検索できる機能などを追加しています。
■ | Light Gray | #FFFFFF | 242/242/242 |
■ | Gray | #F5F5F5 | 217/217/217 |
■ | Black | #00111F | 38/38/38 |
Client
株式会社パイロッツ
Team
Creative Direction
Fumito Abe
Design
Seina Kon / Fumito Abe / Koyuki Nakagawa
Interaction Design
Fumito Abe
Development
Fumito Abe / nanaki(外部)/
Mizuki Watanabe
Writing
Hitomi Natsui
Contact
お仕事のご依頼は、お問い合わせからご連絡ください。
Share
Design
写真や動画を主役に、
こだわりの詰まったスタジオを体験できるデザイン
パイロッツの主力商品であるハウススタジオは、海外から輸入した家具、電柱、石畳など細部までこだわり尽くした、全方位すべてが絵になる美しさ。それらの写真や動画素材を活かし、オーソドックスながら洗練さを感じるデザインで、ユーザーがまるでスタジオを訪れている体験ができるようなサイトを目指しました。
Typeface
美しさと読みやすさを両立した書体をセレクト
日本語フォントは、モダンさとクラシックな柔らかさを兼ね備えた「筑紫ゴシック」を採用。均整の取れた美しさに手書きのようなしなやかさが加わった表現力は、パイロッツ様のイメージとも合致しています。英語は、世界でもオーソドックスな書体であり可読性の高い「Helvetica Neue」を使用しました。
Color
白×黒の配色で、写真や動画をより美しく
パイロッツ様が扱う各スタジオや壁紙は、色やテイストなど多種多様。それらの写真や動画が引き立つよう、白と黒をメインカラーとしてデザインしました。空間の広がりを感じさせる白を背景色に、メニューやフッターは黒を使用。さらにグレーの濃淡で強弱をつけながら、パイロッツ様のスタイリッシュなイメージを表現しています。
Development
三千点以上の商品を検索できる機能や部門別のコンタクトフォームを追加
WordPressで構築、レスポンシブ対応のサイトにしました。背景素材レンタルページには、旧サイトにはなかった検索機能を追加。三千点以上の商品のなかから、カテゴリー・地域・品番・色・柄・素材で検索できる仕様としています。また、部門別に問い合わせができるコンタクトフォームを実装しました。