Turing Certs - Updating the certificate collection process and registration guidance

My Role

Product Designer

Team

2 Product Designers,
1 Product Manager,
2 Front-end Engineers,
2 Back-end Engineers

Skills

UI Design, User Flow, Competitor Analysis, RWD

Duration

Jun-Dec, 2023 (6 months, Officially launched)

I was responsible for breaking down issues into actionable tasks and optimizing the login process, linking, and user experience for certificate recipients (proposed 10+ design concepts). During all phases of the project, I worked closely with the project manager and engineer to ensure high-quality results.

Summary

Goal

To help recipients understand the value of digital certificates, encourage them to register on the platform and share their certificates to create a more efficient digital application experience

Solution Design

  • Onboarding - Guiding users on follow-up actions after receiving their certificate

  • Management - User control over certificates based on identity levels

Impact

•⁠ ⁠an increase in the registration rate (11.3%)
•⁠ ⁠a decrease in customer support emails
•⁠ ⁠highly positive feedback from certificate recipients

Click the button to access the new website

Introduction: Seamless Credential Verification and Sharing

TuringCerts leverages blockchain technology to ensure permanent certificate preservation, efficient verification, and convenient management and display for recipients.

The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1

Problem: Addressing Certificate Usability and Mobile Experience Challenges

Low utilization rates of the certificate features impacted issuers' perception of the product's value, lowering their renewal interest.

Problem Stage 1

Receivers cannot independently manage certificates (e.g., adding descriptive text, images, or viewing the issuing authority), limiting their functionality and value conversion.

Problem Stage 1

Receivers cannot independently manage certificates (e.g., adding descriptive text, images, or viewing the issuing authority), limiting their functionality and value conversion.

Problem Stage 1

Receivers cannot independently manage certificates (e.g., adding descriptive text, images, or viewing the issuing authority), limiting their functionality and value conversion.

Problem Stage 1

Receivers cannot independently manage certificates (e.g., adding descriptive text, images, or viewing the issuing authority), limiting their functionality and value conversion.

The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1

Problem Stage 2

Responsive web issues cause page elements to poorly adapt in device sizes, hiding key information on small screens and negatively impacting user experience (We found that 80% of recipients are mobile users.)

Problem Stage 2

Responsive web issues cause page elements to poorly adapt in device sizes, hiding key information on small screens and negatively impacting user experience (We found that 80% of recipients are mobile users.)

Problem Stage 2

Responsive web issues cause page elements to poorly adapt in device sizes, hiding key information on small screens and negatively impacting user experience (We found that 80% of recipients are mobile users.)

Problem Stage 2

Responsive web issues cause page elements to poorly adapt in device sizes, hiding key information on small screens and negatively impacting user experience (We found that 80% of recipients are mobile users.)

The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1

Goal: Personalization and Responsive Redesign for Enhanced User Experience

Enhance user satisfaction with the initial experience and refine feature design to improve operational efficiency.

Goal 1: Personalize Certificate Management

Provide personalization features (e.g., descriptions, image uploads, certificate details) to enhance user flexibility and support issuers in boosting marketing and verification

Goal 1: Personalize Certificate Management

Provide personalization features (e.g., descriptions, image uploads, certificate details) to enhance user flexibility and support issuers in boosting marketing and verification

Goal 1: Personalize Certificate Management

Provide personalization features (e.g., descriptions, image uploads, certificate details) to enhance user flexibility and support issuers in boosting marketing and verification

Goal 1: Personalize Certificate Management

Provide personalization features (e.g., descriptions, image uploads, certificate details) to enhance user flexibility and support issuers in boosting marketing and verification

Goal 2 : Responsive Web Design (RWD) Redesign

Conducted competitor analysis to identify optimization direction, ensuring adaptive layouts and prioritizing certificate information and key features to enhance performance.

Goal 2 : Responsive Web Design (RWD) Redesign

Conducted competitor analysis to identify optimization direction, ensuring adaptive layouts and prioritizing certificate information and key features to enhance performance.

Goal 2 : Responsive Web Design (RWD) Redesign

Conducted competitor analysis to identify optimization direction, ensuring adaptive layouts and prioritizing certificate information and key features to enhance performance.

Goal 2 : Responsive Web Design (RWD) Redesign

Conducted competitor analysis to identify optimization direction, ensuring adaptive layouts and prioritizing certificate information and key features to enhance performance.

Process: Identify to Hand off Design

The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1

Pain Point & Competitor Analysis

I started by thoroughly simulating the recipient's workflow to gain a deep understanding of the overall user journey. This allowed me to identify initial pain points and areas that needed improvement.

The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
Click the link to access the whole competitor analysis process

Pain Point

First-time users receiving Turing certificates lack clear login guidance, struggle with linking certificates, and cannot view private certificates easily.

Pain Point

First-time users receiving Turing certificates lack clear login guidance, struggle with linking certificates, and cannot view private certificates easily.

Pain Point

First-time users receiving Turing certificates lack clear login guidance, struggle with linking certificates, and cannot view private certificates easily.

Pain Point

First-time users receiving Turing certificates lack clear login guidance, struggle with linking certificates, and cannot view private certificates easily.

RWD User Flow & Suggestion

I began by analyzing user experiences in existing workflows to identify pain points. Based on these findings and in combination with competitor analysis, I proposed suitable solutions.

The image featured at the top of the about us page #1

Flow Chart

I optimized the navigation bar for easy access to registration and login, added a checkpoint to determine if a certificate was bound, and used dynamic reminders to guide user actions.

"The pink section represents the optimized user flow, focusing on key steps to guide users toward registration, including soft reminders and reinforcing needs."

The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1

Design

The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1

Refine

The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1

Onboarding - Guiding users on follow-up actions after receiving their certificate

Strategy: Call-to-Action for Guiding Potential Users to Link

Optimized onboarding flow by guiding users to register, log in, and link their email, highlighting benefits like downloading, managing, sharing, and verifying certificates.

Strategy: Call-to-Action for Guiding Potential Users to Link

Optimized onboarding flow by guiding users to register, log in, and link their email, highlighting benefits like downloading, managing, sharing, and verifying certificates.

Strategy 1 Call-to-Action for Guiding Potential Users to Link

Optimized onboarding flow by guiding users to register, log in, and link their email, highlighting benefits like downloading, managing, sharing, and verifying certificates.

Strategy: Call-to-Action for Guiding Potential Users to Link

Optimized onboarding flow by guiding users to register, log in, and link their email, highlighting benefits like downloading, managing, sharing, and verifying certificates.

When others view a certificate, a bottom pop-up is designed to prompt users to log in or register, ensuring a seamless and intuitive interaction.

The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1

For certificate recipients, the system triggers a pop-up to guide them through registration and encourage certificate linking.

Management - User control over certificates based on identity levels

Linking an email allows the system to offer personalized features (e.g., text descriptions, image uploads) with flexible certificate management and access to detailed information about issuers.

RWD

During the design process, I organized user pain points to enhance RWD features. Below are the highlighted pages:

Stage 1 - Guiding users to link certificate and login.

The image featured at the top of the about us page #1

Stage 2 - Providing users with flexible certificate management.

The image featured at the top of the about us page #1

Iteration

The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1

Takeaways

Observation, Analysis, and Experimentation

This project focuses on enhancing onboarding flow and personalized user experience.

By observing user behavior and analyzing competitors, I identified key pain points and evaluated feasible solutions.


During this process, I learned the importance of avoiding banner blindness(廣告識盲) while ensuring a seamless and intuitive flow that effectively guides users toward their goals.

Fragments of the Design Progress

The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1