Industry

Career Guidance Service

Client

January 2023

Super Purposes™ Redesign

Type

Role

Duration

Teammates

Tools

Web Redesign

UX Designer

4 Months

Chandler Baily (Content Writer) Jasmine Wah Hoang (Graphic Designer)

Chandler Baily (Content Writer) Jasmine Wah Hoang (Graphic Designer)

Figma, Funnelytics

Introduction

Super Purposes™ hosts annual sweepstakes to engage their audience and provide significant career advancement opportunities. In the fall semester of 2023, I worked as a part time UX Designer with the Super Purposes where I redesigned the landing page for the annual career makeover sweepstakes. I started with Funnelytics and Previous Design Analysis to High-Fidelity Prototypes. I worked closely with a graphic designer, content writer, and front-end developer. I actively worked to plan, observe, take notes on previously annual sweepstakes, and incorporate user feedback into new designs.

Super Purposes™ hosts annual sweepstakes to engage their audience and provide significant career advancement opportunities. In the fall semester of 2023, I worked as a part time UX Designer with the Super Purposes where I redesigned the landing page for the annual career makeover sweepstakes. I started with Funnelytics and Previous Design Analysis to High-Fidelity Prototypes. I worked closely with a graphic designer, content writer, and front-end developer. I actively worked to plan, observe, take notes on previously annual sweepstakes, and incorporate user feedback into new designs.

Outcome

Challenges

Effectively promoting sweepstakes to reach a wide audience

Encouraging participation with the sweepstakes and the company services

Analysis

First, we conducted a quick statistical evaluation of the previous annual sweepstakes to identify any issues.
One of the most serious problems we found was a lack of interactivity. As a result, user participation and ROI were not as high as expected.

No Interactivity

No Interactivity with users. Only display info for users, Not very engaging

Simple Visual Design

Lack of visual hierarchy —> no visual highlight for info and call to action buttons

Dense and Unfocused Text

The text is over lengthy and dense, making it difficult to discern the key points. Important information gets buried, resulting in a lack of clarity and focus.

Design Goals

We set up the basic design goals based on users’ participation. The general goals here is to design an engaging, efficient, and easy-to-use collaborative knowledge-sharing platform.

  • Simple navigation
    Reduce the number of steps required to enter sweepstakes to prevent drop-offs

  • Clear information and rules
    Outline the sweepstakes rules with obvious text hierarchy to highlight the key words

  • Option to share the contents
    Incorporate social media sharing buttons to encourage participants to share the sweepstakes

Priority of features

Based on our analysis, we have identified the priority of different features. Our Funnelytics creation will primarily focus on the sweepstakes entry form and information, as these have the highest priority.

01 Funnelytics

By examining the journey from discovering the sweepstakes through social media ads or email campaigns, to filling out the entry form, and finally to receiving updates and potentially winning, we can identify and address potential barriers while designing. This ensures a smooth and engaging process. Understanding each phase of the user's journey allows us to create intuitive navigation and compelling content, enhancing participation and the overall engagement of the sweepstakes.

The circular economy is an economic model that reduces waste and maximizes resource utilization. It establishes a perpetual cycle to maintain materials and resources in circulation, promoting long-term economic growth and sustainability. [1]

02 Design Analysis

Wireframes

At this stage, we used wireframes to discuss with our stakeholders and better understood what kind of information they want to know about. We created most of pages based on the Funnelytics and the launching phase theme - Christmas Theme.

Design Language

For example, we add Super Purposes™ logo color scheme to the color palette. Also, we will match the entire landing page design graphics with the Christmas theme. ( All the graphics are designed by Jasmine Wah Hoag.)

The circular economy is an economic model that reduces waste and maximizes resource utilization. It establishes a perpetual cycle to maintain materials and resources in circulation, promoting long-term economic growth and sustainability. [1]

03 Solution

  1. Entry Form

I created a landing page to showcase the entry form for the "Win The Ultimate Career Makeover" sweepstakes in the hero banner area to catch people's eyes. The design focuses on usability and clarity, ensuring visitors can easily navigate and understand the benefits of entering the sweepstakes.

I created a landing page to showcase the entry form for the "Win The Ultimate Career Makeover" sweepstakes in the hero banner area to catch people's eyes. The design focuses on usability and clarity, ensuring visitors can easily navigate and understand the benefits of entering the sweepstakes.

  1. Prize Information

Based on feedback from past participants, we refined the prize information text to make it short but clear. Below the form, I provided a clear explanation of the prizes to motivate users to participate. Additionally, I included a past participant interview session recording to share her experience with the 2023 sweepstakes and its benefits.

Based on feedback from past participants, we refined the prize information text to make it short but clear. Below the form, I provided a clear explanation of the prizes to motivate users to participate. Additionally, I included a past participant interview session recording to share her experience with the 2023 sweepstakes and its benefits.

  1. Related Media Content

Additionally, we added a success stories and blogs section to invite more users to explore these pages, helping to keep user engagement high and encourage deeper interaction with the platform.

Use homepage to Additionally, we added a success stories and blogs section to invite more users to explore these pages, helping to keep user engagement high and encourage deeper interaction with the platform. order Matcha Creme Frappuccino

04 TakeAways

1. Handle the complexity and ambiguity of a small yet text-heavy project
2. Collaborate closely with the graphic design team and web development team by having weekly meetings, analyzing previous sweepstakes' user feedbacks and aligning on webpage requirements, milestones, and technical feasibility.
3. Learn a lot from working with different people from team to fulfill everyone's needs.
4. Pay more attention to details on copy and use the right components from the design system.
5. Consider consistency, accessibility, and adaptability when design a new feature. (See how it fits into the other related page)
6. Try wild explorations to the point of failure.

1. Handle the complexity and ambiguity of a small yet text-heavy project
2. Collaborate closely with the graphic design team and web development team by having weekly meetings, analyzing previous sweepstakes' user feedbacks and aligning on webpage requirements, milestones, and technical feasibility.
3. Learn a lot from working with different people from team to fulfill everyone's needs.
4. Pay more attention to details on copy and use the right components from the design system.
5. Consider consistency, accessibility, and adaptability when design a new feature. (See how it fits into the other related page)
6. Try wild explorations to the point of failure.

1. Handle the complexity and ambiguity of a small yet text-heavy project
2. Collaborate closely with the graphic design team and web development team by having weekly meetings, analyzing previous sweepstakes' user feedbacks and aligning on webpage requirements, milestones, and technical feasibility.
3. Learn a lot from working with different people from team to fulfill everyone's needs.
4. Pay more attention to details on copy and use the right components from the design system.
5. Consider consistency, accessibility, and adaptability when design a new feature. (See how it fits into the other related page)
6. Try wild explorations to the point of failure.