01背景
Taha Gasht はテヘランの旅行代理店で、30年にわたって旅を販売してきた。国内線と国際線の航空券、イラン国内と海外のホテル、ペルシア語ガイドが同行するグループツアー、そしてビザ。そのすべての予約システムがウェブサイトで、裏には提携代理店向けのパネルがある。
Sina はここにパートタイムのプロダクトデザイナー兼ストラテジストとして関わった。Figma ファイルの表紙には依頼内容が書かれている。Taha Gasht のメインサイトの変更だ。仕事は、最初の検索から旅行者のアカウントまでの公開サイトと、その先に来るものの構想に及んだ。
02課題
国内線の航空券は、価格と時間で数分のうちに買われる。日本へのツアーは何週間もかけて検討される。日程、ホテル、書類、ガイド、そして多くの場合は相談員との電話。同じサイトがその両方に応えなければならない。
同じ便や同じホテルは、ほかの予約サイトでも売られている。代理店が加えられるのは、自分たちの判断だ。どの便なら席が保証されるか、どのホテルは立地がよいか、どのツアーなら価格に見合うか。リデザインでは、その判断を価格の隣に置く必要があった。
価格表は旅がいくらかを教える。代理店は、何を選ぶべきかも教えられる。
03リサーチ
描き始める前に、Sina は12の予約サイトのページ全体を同じ日にキャプチャし、Taha Gasht 自身のサイトと並べた。同じ航空券を売るイランの5サイト（Alibaba、Flytoday、MrBilit、Flightio、SafarMarket）と、海外の7サイト（Booking.com、Expedia、Kayak、Skyscanner、Google Flights、Cheapflights、Wego）だ。
同じファイルには、モバイルの流れの参考として航空券予約アプリのキットも入った。のちにソーシャルのコンセプトのために、イランの予約サイトと Tripadvisor の旅行体験のページも加わった。これらはどれもここには載せない。他の人の仕事だからだ。
04アプローチ
最初のボードは、航空券とホテルの流れをモジュールごとに描き出す。検索ページ、結果一覧、1便や1軒の詳細ページ、そして検索エンジンが見つけるランディングページ。航空券の側では、各モジュールに出どころの印が付いている。Taha Gasht の現在の構成か、新しいアイデアか。
新しいアイデアの中には小さなものもある。前日と翌日のボタンや、祝日を示す料金カレンダーだ。一方で、サイトにできることそのものを変えるアイデアもある。
どのモジュールにも出どころがある。今のサイトから引き継いだものか、新しいアイデアか。
05おすすめ
2本の機会ツリーは、代理店が何をすすめられるかを問う。航空券には4種類のおすすめがある。最安の便。チャーター便、つまり席が保証される便。国際線での最短の便。そして期間限定で特別なサービスが付く便で、これは管理画面から担当者が手で設定する。
特別サービスの枝は、代理店がより多く売れる場所でもある。追加手荷物、ビジネスクラスへのアップグレード、路線ごとの割引、CIPラウンジ、経由地での無料ホテル。ホテルのおすすめは、保証された客室、市の中心への近さ、価格を組み合わせる。もう1枚のボードは同じやり方でツアーのページを描き出し、日本から始めている。
代理店のおすすめは、結果一覧で「最安」「ベスト」と並ぶ並べ替えのタブになった。
06デザイン言語
航空券のカードは、サイトの大部分を担う。どの結果一覧にも繰り返し並び、便・料金・払い戻しの詳細へ開き、ホテルやツアーのカードの型にもなる。だからデザイン言語はこのカードで固めた。3回に分けて検討している。最初のイテレーション、チケットの第3版、そして同じグレーのページの上で影、カード背景、枠線を比べる最終案だ。
書体はペルシア語用に全体で調整した Yekan Bakh。ファイル内の初期のスケッチでは、国内線用と国際線用の2種類の料金カレンダーと、その場で開くチケットを試している。
07ソリューション
航空券の結果は、日付ごとの最安値を並べた帯から始まる。スクロールする前に、もっと安い日がわかる。一覧の上には「最安」「ベスト」「Taha Gasht のおすすめ」の3つの並べ替えタブがあり、それぞれに料金と総所要時間が表示される。
フィルターは、これらの路線で大事なことに沿っている。チャーターか定期便か、経由の回数、経由地でビザが必要か、客室クラス、手荷物。どのカードにも残席数があり、便の詳細、大人・子ども・幼児ごとの料金、払い戻しの規則を載せたウィンドウが開く。払い戻しの規則には手数料と販売条件も並ぶ。一覧の中には価格アラートがある。
検索ボックスは片道、往復、複数都市に対応する。トップページの航空券版には、直前のチャーター便の表も加わる。
経由地のビザには専用のフィルターがある。ヨーロッパ経由の安い便には、シェンゲンビザが要るからだ。
区間、乗り継ぎ、合計
08ホテル
ホテルの結果は一覧でも地図でも見られ、両方に共通のフィルターがある。価格帯、星の数、宿泊施設の種類（ホテル、ブティックホテル、ホステル）、そして街の地区。カードには1泊の料金、星の数、該当する場合は代理店のおすすめが載る。
ホテルページでは、評価をスタッフ、立地、清潔さに分けている。周辺スポットには徒歩・車・地下鉄での所要時間を添え、宿泊客は写真付きの口コミを書ける。客室は同じページで比べられ、予約の前に追加サービスを依頼できる。
距離は分単位で、移動手段ごとに示す。旅行者が1日の予定を立てるときと同じ考え方だ。
09ツアー
ツアーは代理店がもっとも強い分野で、購入までにもっとも時間がかかる。ツアー一覧は、旅行者が旅に求めるもので絞り込める。季節や行事（ノウルーズやクリスマスなど）、気候、目的（休息か冒険か）、そしてアクティビティの種類。自然や歴史から、祭り、食、買い物まで。
ツアーのページは最初に日本向けに描かれ、相談員がよく受ける質問に答える。パッケージとその日程、ホテルと客室ごとの料金と子ども料金、グループ全体の旅費計算機、日ごとの行程、ホテル、含まれるサービス（ペルシア語ガイド、ビザ、保険、テヘランの空港のCIPラウンジ）、必要書類。折り返し電話のフォーム、電話番号、WhatsApp はどこからでも手の届く場所にある。
ページは代理店の実績も見せる。営業年数、旅行者の数、その満足度。ツアーのボードが競争上の強みとして計画していたものだ。
ツアーは今も相談員が売る。ページは、その電話に向けて旅行者の準備を整える。
10トップページ
トップページは、ひとつの検索ボックスと4つのタブから始まる。ホテル、航空券、航空券＋ホテル、ツアー。その下の列は季節や旅行者によって変わる。最近見たもの、南部への旅の列、直前割の航空券、おすすめのホテル。トップページには、航空券、ホテル、航空券＋ホテル、ツアーの商品ごとの版もある。
さらに下では、代理店を選ぶ理由を示す。強み、航空券の買い方、旅行者の口コミ、受付時間付きの折り返し電話フォーム、そして旅行プランナーへの最初の誘いである「自分だけの冒険をつくろう」。スマートフォンでは、全画面の4枚のストーリーが Travel Maker をステップごとに紹介する。
トップページ
11アカウント
決済は、上部に表示される5つのステップで進む。チケットを選ぶ、搭乗者を入力する、情報を確認する、支払う、チケットを発行する。保存済みの搭乗者は一覧から選べ、新しい搭乗者はフライト概要の横でパスポート情報とともに追加する。
購入後のアカウントには8つのセクションがある。旅行、搭乗者、ウォレット、お気に入り、プロフィール、メッセージ、サポート、ログアウト。ほとんどはダイアログと空の状態まで描いた。旅行では各チケットのステータスが見え、eチケットを開き、フライトを追跡し、区間と搭乗者ごとに払い戻しを始められる。Taha カードと呼ぶウォレットは、決まった額か好きな額でチャージでき、銀行口座に出金できる。サポートはチケット制で、1件ごとに返信のスレッドがある。
ログインはパスワードかワンタイムコードで行い、ヘルプセンターにはよくある質問、購入ガイド、サポートがまとまっている。
12次のステップ
予約サイトを描き終えたあと、Sina は旅と旅のあいだにも旅行者が戻ってくるためのコンセプトをデザインした。Travel Maker は4つのステップで旅を計画する。ルート、日程、交通手段、宿泊を決める最初の計画。名前と電話番号で加える同行者。日ごとのアクティビティ。そして旅の公開方法。アクティビティは史跡、食事、買い物、休息、地元のイベントといった種類で選び、それぞれ地図上の場所と写真や書類を付けられる。日を追加することもできる。
ソーシャル機能では、旅行者が1人あたりの料金、日程、出発都市を添えてツアーを投稿し、満足度・コストパフォーマンス・おすすめしたいかで評価した体験を共有し、ツアーやホテルにリンクした旅行記を書ける。
コンセプトには戦略ボードも付いていた。売上やパーソナライズした提案から、ロイヤルティやブランド認知まで7つの目標。ポイントやバッジから紹介まで、人を呼び戻す8つの動機付け。そしてその横にリスク。初期の反応の少なさ、高いコストと遅い回収、コンテンツの管理、プライバシー、否定的なフィードバック。システムマップは、ブログ、インタラクティブマップ、投稿、リール、旅行記の各形式を、旅行者が出会う場所に配置する。フィード、発見タブ、トップページ、キャンペーン、ツアーページの中だ。
戦略ボードは、目標の隣にリスクを書いている。
計画：ルート、日程、交通手段、宿泊
投稿でおすすめされたツアー
目標、動機付け、リスク
13結果
リデザインは実装され、tahagasht.com で公開されている。公開中のページは地図に沿っている。航空券の結果にはチャーターか定期便かのラベルと、前日・翌日のボタンがある。日本ツアーのページは代理店の実績から始まり（30年の営業、旅行者の満足度99％、6,500人を超える旅行者）、相談の枠と、必要書類、料金、ベストシーズン、都市、観光地のタブを備えている。
Travel Maker とソーシャル機能は公開サイトにはない。デザイン済みの次のステップのままだ。
14主要な意思決定
ボードとページが、これらの選択を示している。
どの予約サイトでも価格順には並べられる。Taha Gasht は、自分たちならどの便を選ぶかも言える。その判断を並べ替えのタブにすれば、旅行者が選ぶその場所に置ける。各タブに料金と時間が出るので、どちらを取るかもはっきりする。
チャーターでは席が保証される。機会ツリーがチャーターをすすめる理由もそこにある。この違いは旅行者が買うものを変えるので、すべてのカードとフィルターに載せた。
混み合う路線では席が埋まり、運賃も変わる。搭乗者情報を保存し、余裕を持ってウォレットにチャージしておけば、サイトを見張っていなくても、価格が動いたときに便が予約される。
15私の役割
Sina はパートタイムで Taha Gasht のプロダクトデザイナー兼ストラテジストを務めた。Figma ファイルとボードは Sina の仕事で、競合比較の素材と、ほかのプロジェクトから貼り込まれたいくつかのフレームは除く。
競合比較のキャプチャ、アプリのキット、コミュニティのテンプレート、購入したアイコンセットは除いた。ほかのプロジェクトから貼り込まれたフレームと、機会ボードにある別プロジェクトのカスタマージャーニーマップも除いている。
16成果
リデザインは公開されている。ファイルにはデザインが記録されているが、公開後のアクセスや売上の数字はない。そのため、ここに利用データはない。
17学んだこと
Taha Gasht のおすすめは結果一覧でいちばん独自性のあるアイデアなのに、便がどうすればおすすめになるのか、ファイルのどこにも書かれていない。営業チームと合意した短いルールがあれば、このタブを正直に保ち、旅行者が信頼する理由にもなったはずだ。
ツアーのページは相談員が受ける質問に答えているが、旅行者とのテストはファイルにない。旅を計画中の人と数回セッションをすれば、どの答えを最初に探すのか、どの質問のためには今も電話をかけるのかがわかったはずだ。
コンセプトは投稿、リール、旅行記、地図、プランナーを一度にカバーしている。予約済みのツアーにリンクした旅行記のような、ひとつの形式から始めていれば、残りをつくる前に、旅行者がそもそも投稿するのかがわかったはずだ。
大人・子ども・幼児の料金
ストーリー
同行者
日ごとのアクティビティ
公開方法
評価された体験
各形式が旅行者と出会う場所
グループツアーは、書類やビザを伴う長い検討だ。ツアーのページはよくある質問に答え、計算機でグループ全体の旅費を出し、折り返し電話のフォームと電話番号を近くに置く。相談員の電話は、その分だけ先から始まる。
ホテルの価値は立地で決まる。フィルターを共通にし、両方の表示で同じ結果を出し、ホバーでつなげば、旅行者は表示を切り替えても迷わない。