SAISON CARD AQF website 2007

「貯める体験」を可視化する、日本最大級のポイントサイトにおけるUX戦略

2007年、株式会社クレディセゾンが展開する「永久不滅ポイント」を、オンラインショッピングを通じてより効率的に、かつ楽しく貯めるためのプラットフォーム「永久不滅.com（ドットコム）」のウェブデザインプロジェクトを担当しました。 私の担当は、サイト全体のアートディレクションと主要ページのWEBデザインです。 現在の「セゾンポイントモール」の前身となるこのサイトは、単なるリンク集ではなく、ユーザーの購買行動に新たな価値を付加する「体験型ポータル」としての役割を担っていました。 このプロジェクトにおける最大の挑戦は、参加する数百もの提携ショップサイト（Amazon、楽天、ベルメゾン等）の多様な個性を維持しつつ、「セゾンカードのサービス」としての統一感をいかに担保するかという点にありました。 ユーザーがこのサイトを経由することに明確なメリットを感じ、日常的なオンラインショッピングのハブとして活用してもらうための、徹底した情報設計とユーザーインターフェースが求められました。

購買意欲を促す「安心感」と「発見」を両立したUIデザイン

ポイントサイトの利用において、ユーザーが最も懸念するのは「本当にポイントが付与されるのか」「使い方は難しくないか」という点です。 これを解消するため、サイト上部には「初めての方へ」という導線を明確に配置し、イラストや図解を用いてポイント獲得の仕組みをステップバイステップで解説。 直感的なUXを構築することで、サービスへの心理的ハードルを下げる工夫を凝らしました。 また、膨大な提携ショップを整理するため、ジャンル別のカテゴリ分けに加え、「新着ショップ」「倍率順」「50音順」といった多角的な検索軸を用意。 ユーザーの目的意識に合わせたアクセスを可能にしました。 デザイン面では、セゾンカードのブランドカラーであるブルーを随所に配し、金融機関が運営するサイトとしての信頼感を演出。 一方で、各ショップのロゴやバナーが引き立つよう、ベースカラーは清潔感のあるホワイトを採用し、情報のノイズを最小限に抑えています。

ユーザーの回遊性を高める「情報の構造化」とマルチデバイス対応の原点

• 視覚的ヒエラルキーの最適化： 画面上部には利便性の高い検索・ログイン機能を配置し、中央部にはキャンペーン情報、下部には詳細なカテゴリ一覧をレイアウト。視線の動きに合わせた自然な情報配置により、スムーズな回遊を実現しました。
• 「ポイント倍率」を際立たせる情報設計： 各ショップ詳細ページや一覧において、付与されるポイント倍率を赤字の大きなフォントで明記。ユーザーにとっての最大のベネフィットを強調することで、クリック率の向上を図りました。
• 一貫性のあるナビゲーション・フレームワーク： ショップ数が増加してもユーザビリティが低下しないよう、サイドメニューとメインコンテンツの比率を固定。どの階層にいても現在地を把握できるパンくずリストの実装など、大規模サイト特有の設計思想を貫いています。
• グローバル基準のアクセシビリティ： 多くの提携先企業とのブランドが共存する中で、文字のサイズやリンクの視認性を高く保ち、あらゆるユーザーが公平にサービスを享受できるユニバーサルデザインの視点を取り入れました。

デザインの背景：なぜ「永久不滅.com」はハブになれたのか

当時のポイントサイト市場は競争が激化していましたが、セゾンカードの強みは「永久不滅」という、期限のないポイントの安心感にありました。 デザインにおいても、一時的な流行を追うのではなく、長期的に使い続けられる「普遍的な機能美」を重視しました。 例えば、アイコン一つをとっても、その意味が瞬時に理解できるメタファーを採用し、テキストでの説明を最小限に抑えています。 さらに、単にショップを紹介するだけでなく、「父の日」などの季節イベントに合わせた特集ページを柔軟に展開できるレイアウト構成を設計。 これにより、ユーザーに対して常に「新しい発見がある」という期待感を提供し、リピート率の向上に寄与しました。私が目指したのは、企業のビジネスゴールとユーザーの利便性が、美しいインターフェースを通じて交差する場所の構築です。

プロジェクト総括：デジタル・マーケティングの基盤をデザインする

この2007年のリニューアルは、現在のセゾンポイントモールへと繋がる、デジタル・マーケティング基盤の重要な一歩となりました。 複雑な提携関係や膨大なデータを、デザインの力で整理し、ユーザーにとっての「価値」へと変換する。 このプロセスは、MARZ DESIGNが大切にしている「思考の根拠があるデザイン」を体現するものでした。 大規模な会員基盤を持つプラットフォームにおいて、デザインは単なる装飾ではなく、サービスそのものの信頼を形作るものです。 このプロジェクトで培った大規模情報ポータルの設計ノウハウは、その後のUI/UXデザインにおける私の大きな指針となっています。

---

A UX Strategy for One of Japan’s Largest Point Sites Visualizing the “Accumulating Experience”

In 2007, I was in charge of the web design project for “Eikyufumetsu.com,” a platform created by Credit Saison Co., Ltd. to help users accumulate their “Eikyufumetsu Points” (Permanent Immortal Points) more efficiently and enjoyably through online shopping. My responsibilities encompassed the art direction for the entire site and the web design of its primary pages. Serving as the predecessor to the current “Saison Point Mall,” this site was not a mere collection of links but functioned as an “experiential portal” that added new value to user purchasing behavior. The greatest challenge in this project lay in how to guarantee a sense of unity as a “Saison Card service” while maintaining the diverse individualities of hundreds of participating partner shop sites (such as Amazon, Rakuten, Belle Maison, etc.). It demanded thorough information architecture and a user interface that would make users perceive clear benefits in going through this site, encouraging them to utilize it as a hub for their everyday online shopping.

A UI Design Balancing the “Peace of Mind” and “Discovery” That Drive Purchasing Motivation

When utilizing point sites, the primary concerns for users are “Will points really be awarded?” and “Is it difficult to use?” To resolve this, we clearly allocated a path labeled “For First-Time Users” at the top of the site, explaining the mechanism of earning points step-by-step using illustrations and diagrams. By constructing an intuitive UX, we engineered ways to lower psychological barriers to the service. Furthermore, to organize the vast number of partner shops, we provided multifaceted search axes—such as “New Shops,” “By Point Multiplier,” and “In Alphabetical Order”—in addition to categorization by genre. This enabled access aligned with user purposeful intent. On the design front, positioning Saison Card’s brand color, blue, throughout the site staged a sense of trust appropriate for a site operated by a financial institution. On the other hand, to make the logos and banners of each shop stand out, clean white was adopted as the base color, minimizing informational noise.

“Information Structuring” Elevating User Navigation and the Origins of Multi-Device Compatibility

• Optimizing the Visual Hierarchy: Highly convenient search and login functionalities are allocated at the top of the screen, campaign information is laid out in the center, and detailed category lists are positioned at the bottom. Aligning information naturally with eye movement achieved smooth navigation.
• Information Architecture Highlighting “Point Multipliers”: On each shop’s details page and within lists, the point multipliers awarded are explicitly stated in a large red font. Emphasizing the maximum benefit for the user aimed to improve click-through rates.
• A Consistent Navigation Framework: To prevent usability from degrading even as the number of shops increased, the ratio between the side menu and main content was fixed. Implementing breadcrumb navigation that allows users to grasp their current location from any hierarchy reflects a design philosophy specific to large-scale sites.
• Global Standard Accessibility: While coexisting with the brands of numerous partner enterprises, we incorporated a universal design perspective to keep text sizes and link visibility high, ensuring that all users can enjoy the service equally.

Design Background: Why “Eikyufumetsu.com” Successfully Became a Hub

While competition was intensifying in the point site market at the time, Saison Card’s strength lay in the peace of mind offered by its “Eikyufumetsu” points, which have no expiration date. In design as well, rather than chasing temporary trends, we prioritized a “universal functional beauty” that could be used long-term. For instance, even for a single icon, we adopted metaphors whose meanings could be instantly understood, minimizing text explanations. Furthermore, beyond merely introducing shops, we designed a layout structure capable of flexibly deploying special feature pages aligned with seasonal events like “Father’s Day.” This consistently provided users with an expectation that “there is always a new discovery,” contributing to improved repeat rates. What I aimed for was the construction of a place where corporate business goals and user convenience intersect through a beautiful interface.

Project Summary: Designing the Foundation of Digital Marketing

This renewal in 2007 served as an important step for the digital marketing foundation that connects to the current Saison Point Mall. Organizing complex partnership relationships and vast amounts of data through the power of design, and converting them into “value” for the user—this process embodied the “evidence-based design” that MARZ DESIGN holds dear. On a platform with a massive user base, design is not mere decoration; it shapes the trust of the service itself. The engineering know-how for large-scale information portals cultivated in this project continues to serve as a major guidepost in my subsequent UI/UX design work.

---