チームラボ、AirJapanの航空券予約サイトを立ち上げ。企画・デザイン、UI/UX設計、開発を担当。

チームラボは、2024年2月に就航予定のANAグループの新ブランド、AirJapanの航空券予約サイトの立ち上げにおいて、企画・デザイン、UI/UX設計、開発を担当しました。
「操作性・機能性を損なわずにブランドを最大化する」をコンセプトに、UX、ウェブアクセシビリティに対応しながらも、AirJapanの世界観をUIに反映し、新しいサービス／ブランドの定着を目指しました。
航空券の予約がすぐできるのはもちろん、旅の準備をするうえで必要な情報へのアクセスがしやすいUI/UXを設計しました。



AirJapan: https://www.flyairjapan.com/ja
[画像1: https://prtimes.jp/i/7339/953/resize/d7339-953-8bed10b3fc353f5d47cc-0.png ]


ブランディングとアクセシビリティを両立したデザイン
ブランドカラー「藍色」を軸とした高いカラーコントラスト比、不要な装飾を省いたUI、レスポンシブ対応でも破綻しないレイアウトなど、アクセシビリティ面での「見やすさ、読みやすさ」を最優先としてデザインを設計。読み上げなどマークアップにおけるアクセシビリティも配慮して実装しました。

同時に、もう1つのブランドカラー「曙色」を視覚的ハイライトとして用いたり、ロゴモチーフである「手と手が織りなすカーブ」を随所に取り入れるほか、ビジュアルや写真素材のディレクションにも携わるなど、サイト上でAirJapanブランドを余すことなく実現できるようデザインしました。

[画像2: https://prtimes.jp/i/7339/953/resize/d7339-953-6ee68ede321c05fae0e8-1.png ]


CMS管理によるコンテンツ更新で、メンテナンス性向上を実現
お知らせやキャンペーンなど随時更新が発生するコンテンツのCMS管理はもちろんのこと、サイト内の多数のページを占めるご利用ガイドについてもCMS管理を行えるよう構築しました。

更新頻度の少ないページは一般的に静的に作成することが多くなりますが、今回はより多くのページをCMS管理とすることで、運用時のコンテンツ更新を低コストでスピーディーに行えるよういたしました。
また、CMS管理でも表現に制限がかかりにくいよう、例えば機内のシートマップ画像を拡大できる機能を設けるなど、UI/UX面で工夫を凝らしています。

[画像3: https://prtimes.jp/i/7339/953/resize/d7339-953-a0b2b5d5181f728df2fc-4.png ]

[画像4: https://prtimes.jp/i/7339/953/resize/d7339-953-c8e87879c43441426a2e-3.png ]


グローバル対応
日・英の言語対応に加え、就航先地域のユーザーに快適に利用してもらえるよう、就航先言語にも対応することを想定して作成しています。

[画像5: https://prtimes.jp/i/7339/953/resize/d7339-953-95d22974e429be60a525-3.png ]


AirJapan公式Webサイト
https://www.flyairjapan.com/ja
公開日: 2023年8月2日(水)

チームラボ
チームラボは、アート活動を行うArt collective teamLabの基盤であり、法人格である。最新のテクノロジーを活用したソリューション、大規模なシステム開発や、プロダクト、デジタルコンテンツの制作、都市計画や建築空間設計などを行う。アーティスト、プログラマ、エンジニア、CGアニメーター、数学者、建築家など、デジタル社会の様々な分野のスペシャリストから構成されているウルトラテクノロジスト集団で、アート、サイエンス、テクノロジー、クリエイティビティの境界を越えて、集団的創造をコンセプトに活動している。
http://www.team-lab.com/

PR TIMESプレスリリース詳細へ