有限会社MTO様
MTO Co.,Ltd様のコーポレートサイト・採用サイトにて、Figmaでのデザイン制作およびSTUDIOでのサイト構築を担当しました。
ラグジュアリーで洗練されたブランドイメージを表現しながら、店舗情報や採用情報へスムーズにアクセスできる、見やすく使いやすいサイトを目指して制作しています。
印象的なファーストビューの迫力を活かしつつ、PC・スマートフォンそれぞれで快適に閲覧できるようレスポンシブ設計にも配慮。
企業としての信頼感と、採用サイトとしての訴求力の両立を意識し、デザインからSTUDIO構築まで一貫して対応しました。
| Project | 有限会社MTO/ コーポレートサイト制作 |
|---|---|
| Creative Director | 株式会社レガロニコ : 米森良偉（https://regalonico.com/） |
| Design・Coding | FUTSU |
| Skill | figma・studio |
| Link | (https://mto-group.co.jp/） |
制作のこだわり（POINT）
01. ラグジュアリーな世界観を引き立てるデザイン設計
MTO様のサイトでは、第一印象で伝わる高級感や洗練された空気感を大切にしました。
メインビジュアルの見せ方、余白の取り方、文字組み、黒・白・ゴールドを基調とした配色バランスを調整し、ブランドの世界観がしっかり伝わるデザインに仕上げています。
特にファーストビューでは、写真の迫力を活かしながらも、キャッチコピーや採用導線が埋もれないよう、視認性とのバランスを意識しました。
02. 採用導線を意識したページ構成
本サイトは、コーポレートサイトとしての役割に加え、キャスト採用・スタッフ採用への導線も重要な要素でした。
そのため、求職者が必要な情報へ迷わずたどり着けるよう、ナビゲーションやボタン配置、採用エリアの見せ方を整理しています。
ブランドイメージを保ちながらも、採用ページへの導線がしっかり目に入るよう、情報設計とデザインの両面から調整しました。
03. STUDIOでのレスポンシブ構築
STUDIOでの構築では、PC・スマートフォンそれぞれの表示に合わせて、写真・テキスト・ボタンのバランスを丁寧に調整しました。
特にスマートフォンでは、店舗一覧のように情報量の多いページでも見やすくなるよう、カードの並びや余白、スクロール時の読みやすさを意識しています。
Figmaで設計したデザインの印象を保ちながら、STUDIO上でも自然で崩れにくいレイアウトになるよう構築しました。
04. 店舗情報を探しやすいUI設計
店舗一覧ページでは、ユーザーが目的の店舗情報へスムーズにアクセスできるよう、エリアごとの表示や店舗カードの見せ方を整理しました。
写真・店舗名・リンクボタンなどの要素をわかりやすく配置し、視覚的に探しやすい構成にしています。
見た目の美しさだけでなく、実際に使うユーザーの導線まで考慮し、サイト全体の使いやすさを高めました。