2022.03 — 2022.07

Account Center

It creates a secure, user-friendly hub for managing accounts, enhancing the overall experience, building trust, ensuring regulatory compliance, and fostering customer satisfaction and loyalty.

Goal

Furthermore, to improve products and services, optimize marketing strategies, and gain better insights into customers, the company aims to collect data on customer purchasing behavior, preferences, and needs. This initiative aims to foster closer customer relationships, enhance the customer experience, and optimize business operations through the acquisition of more data and insights. Ultimately, this approach contributes to increasing sales, loyalty, and brand value.

Product background

The company intends to develop various sound-related products, and thus, has created a membership center. This center allows users to access their entire purchase history within the company, along with offering subscription, unsubscribe, and other functionalities. It also serves as a marketing channel for the company, occasionally providing special offers and incentives to encourage repeat purchases.

Role

Product Designer

Deliverables

User Flow
Wireframe
Design System
UI Design
Iterations

Design Tool

Figma

Cooperate with

1 PM
1 Front-End Engineer

Achievement

+26 % Numbers of Users
+4.2 % User engagement
+20 Second Average user stay duration

Get to know more about persona,  user journey and their pain point

Define questions and problems

Figure out the solution

Validate ideas(Tracking data & User Interview & Usibility Test)

Problems

  • A member center for unified information management lacks interactive elements with users
  • Lacks strategies to attract new members
  • Lacks marketing and promotional mechanisms
  • Inadequate overall information and a disorganized structure.
  • Switching from a point system to a membership-based system.
  • Unable to view the current subscription expiration date, status, and the next billing date for users.

Solution

Helping users have a clearer understanding of their status.
Consistent operation between WEB and APP.

The homepage presents all the current products and marketing schemes of the company. It also includes the addition of user profiles to facilitate the company in understanding user profiles.

Marketing and Promotion: The company can conduct marketing and promotional activities through the member center, such as offering exclusive coupons, discount codes, or special events for members. This helps attract new members and promotes sales.

Enhancing Interaction: Through the member center, the company can maintain closer interaction with its members. This includes notifying members of the latest news, product updates, promotional activities, and more. Such interaction can strengthen customer loyalty and provide a channel for feedback, opinions, and demands.

    Shared payment channel

    Marketing and Promotion: The company can conduct marketing and promotional activities through the member center, such as offering exclusive coupons, discount codes, or special events for members. This helps attract new members and promotes sales.

    Due to the simultaneous development of websites and apps for certain products, users are reminded that the product is accessible on both web and mobile platforms. Considering Responsive Web Design (RWD) and translation issues, the design is structured to accommodate these considerations.

    Make user clearly understand their subscription status
    • Allow users to understand their current subscription membership details and status: Enable users to see the next payment date.
    • Order tracking and history: The member center allows members to easily track their order status, view historical records, and access payment history, empowering them to manage their purchase history and related information.
    • Change into subscription mode.

    Design System

    This app uses the Design system of Noise Eraser including button, input, header, footer, and radio button.

    Website & APP UI

    Takeaway

    1. To facilitate smoother collaboration, it's essential to establish a culture of mutual trust and open communication before working together, and seeking consensus. When we have different opinions during the project, we should communicate our ideas in public and ensure that what we do is aligned with our goal. Also, interdepartmental communication and coordination, it is essential to ensure that mutually beneficial outcomes are achieved.

    2. During the product, I should evaluate the development cost, time, and effectiveness, and consider using open-source resources such as Lottie. This can expedite the development process without compromising the outcome.

    3. When working on UI design, I should be a systems-thinker and think beyond the pixels and design for scalability, language conversions and RWD so that engineers can work efficiently.

    Related Digital Products

    Meeting Ink APP

    #AI Meeting Record #UX Design #UI Design #Design System #B2C #B2B #AI #APP

    Nosie Eraser APP & Website

    #AI Denoise #Cross-platform design #Web #APP #B2C #B2B #User Research #Design System #UI Design #UX Design

    Video Competition Website

    #Marketing Campaign Website #UX Design #UI Design #Design System #B2C #AI Denoise

    Welcome to contact me !