MelbTokyo様｜サービスサイト制作実績

制作の背景

Melb Tokyo様は、訪日外国人旅行者に向けて、東京での写真撮影と街歩きガイドを組み合わせた体験型サービスを展開しています。

今回のプロジェクトでは、サービスの立ち上げに伴うブランドイメージの構築を目的に、サイト構成・ワイヤーフレーム設計からWebデザイン、WordPressによる実装までを一貫して制作しました。

Melb Tokyo様が大切にしているのは、単に「プロのカメラマンに写真を撮ってもらう」のではなく、「東京の街を一緒に歩き、その時間や思い出を写真に残す」という撮影体験。

その魅力を伝えるため、サービスの内容を説明するだけでなく、東京の街並みや撮影の空気感、そこで過ごす時間を自然とイメージできるWebサイトを目指しました。

写真をふんだんに使用することで、実際の撮影シーンや東京の魅力を視覚的に伝えながら、全体のデザインは落ち着いた色合いで構成。

親しみやすさの中にも上品さや洗練された印象を持たせ、日本ならではの丁寧さやサービス品質への期待感が伝わるブランドイメージを意識しました。

制作のポイント

本プロジェクトでは、「写真を通じて、東京での撮影体験をイメージできるWebサイト」をテーマに設計しました。

Webサイトでは、過去の撮影写真や東京の街並みを積極的に取り入れ、訪問者が実際の撮影体験を具体的に想像できる構成を採用。

撮影プランやサービス内容についても分かりやすく整理しながら、写真を中心としたビジュアルによって、東京という街の魅力や撮影体験の特別感を伝えています。

また、訪日外国人旅行者を主なターゲットとするため、英語を基本としたサイト構成を採用。

海外の方が初めてサービスを知る場合でも、撮影内容やプラン、予約までの流れを理解しやすいよう、情報の配置や導線を整理しました。

デザイン面では、白やベージュをベースに黒で全体を引き締め、アクセントとして落ち着いたスカイブルーを採用。

写真の魅力を引き立てるシンプルな構成としながら、余白やレイアウトのバランスを丁寧に調整することで、カジュアルになりすぎない上質な印象に仕上げています。

さらに、InstagramとWebサイトを連携させることで、日々の撮影活動や新しい写真をサイト上でも紹介できる仕組みを導入。

運営者の更新負担を抑えながら、継続的に撮影実績を発信できるWebサイトを構築しました。

対応範囲

• サービスサイト新規制作
• Webサイト構成・情報設計
• ワイヤーフレーム制作
• Webデザイン
• レスポンシブ対応
• WordPress構築・CMS設計
• Instagram連携
• SEO基本設定・アクセス解析設定

デザイン・設計の特徴

コンセプト：
東京で過ごす特別な時間を、写真から感じられるWebサイト
写真撮影というサービスの紹介だけでなく、東京の街を歩く楽しさや撮影体験の魅力を視覚的に伝え、訪問者が自分自身の旅のワンシーンを想像できるWebサイトを目指しました

デザイン：
白・ベージュを基調とした落ち着いた配色に、黒を効果的に取り入れ、アクセントとして少し深みのあるスカイブルーを採用
写真を主役にしたシンプルなレイアウトと余白を活かしたデザインによって、親しみやすさと上品さを両立し、日本らしい丁寧さや品質感が伝わる印象に仕上げています

情報設計：
撮影写真や東京の街並みを効果的に配置し、サービスの魅力を視覚的に伝えながら、撮影プランや料金、利用の流れを分かりやすく整理
海外からの利用者でも必要な情報をスムーズに確認でき、サービスへの興味から問い合わせへと自然につながる構成としました

UI設計：
リード文のエリアには過去の撮影写真を並べたスライダーを配置し、実際の撮影シーンや写真の雰囲気が伝わる構成としています
PC・スマートフォンそれぞれの画面サイズに合わせて、写真の見え方やレイアウトを調整し、ビジュアルの魅力を損なわずに情報を伝えられる設計としました

DATA

Client ：Melb Tokyo（原啓之様）
Category ：サービスサイト新規制作
Business ：訪日外国人向け写真撮影・ガイド体験サービス
Scope ：サイト構成・情報設計・ワイヤーフレーム・Webデザイン・WordPress構築・Instagram連携