撮影スタジオ運営・コーディネート「パイロッツ」コーポレートサイト

Credit

Client
株式会社パイロッツ
Type of Business
国内・海外でのロケーションコーディネイト / 撮影スタジオの運営 / 撮影スペースの委託業務 / 布バックの制作・レンタル
Role
  • Web Design
  • Web Development

Overview

構成や導線を見直し
よりユーザーファーストなサイトへ

パイロッツ様は、映画やCM、雑誌などプロ向けの撮影スタジオや撮影時に使用する背景素材、ロケ場所を提供する撮影コーディネート会社です。旧サイトでは「多数あるスペースや商品の検索機能が弱い」「部署が多く、どこで何を取り扱っているのかわかりにくい」などの課題があったため、それらを総合的に改善した新サイトへとリニューアル。構成や導線を見直し、ブランド別・スペース別のコンタクトフォームや、約三千点ある背景素材をカテゴリー別に検索できる機能などを追加しています。





Light Gray#FFFFFF242/242/242
Gray#F5F5F5217/217/217
Black#00111F38/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で構築、レスポンシブ対応のサイトにしました。背景素材レンタルページには、旧サイトにはなかった検索機能を追加。三千点以上の商品のなかから、カテゴリー・地域・品番・色・柄・素材で検索できる仕様としています。また、部門別に問い合わせができるコンタクトフォームを実装しました。