Website redesign

Website redesign

Website redesign

Website redesign

Ed Tech

Ed Tech

Ed Tech

Ed Tech

Redesigning Essay's landing page

Redesigning Essay's landing page

Redesigning Essay's landing page

Redesigning Essay's landing page

Redesigning Essay's landing page

Redesigning Essay's landing page

Essay’s landing page was nearly two years old and overdue for a refresh. As the app evolved rapidly — launching new features, releasing updates, and enhancing existing tools — we needed a landing page that reflected these improvements and effectively supported our marketing campaigns.

Working closely with another designer, we were able to design a landing page that was both engaging, explanatory, and ultimately reduce the bounce rate by 33%.

Essay’s landing page was nearly two years old and overdue for a refresh. As the app evolved rapidly — launching new features, releasing updates, and enhancing existing tools — we needed a landing page that reflected these improvements and effectively supported our marketing campaigns.

Working closely with another designer, we were able to design a landing page that was both engaging, explanatory, and ultimately reduce the bounce rate by 33%.

Essay’s landing page was nearly two years old and overdue for a refresh. As the app evolved rapidly — launching new features, releasing updates, and enhancing existing tools — we needed a landing page that reflected these improvements and effectively supported our marketing campaigns.

Working closely with another designer, we were able to design a landing page that was both engaging, explanatory, and ultimately reduce the bounce rate by 33%.

Essay’s landing page was nearly two years old and overdue for a refresh. As the app evolved rapidly — launching new features, releasing updates, and enhancing existing tools — we needed a landing page that reflected these improvements and effectively supported our marketing campaigns.

Working closely with another designer, we were able to design a landing page that was both engaging, explanatory, and ultimately reduce the bounce rate by 33%.

Essay’s landing page was nearly two years old and overdue for a refresh. As the app evolved rapidly — launching new features, releasing updates, and enhancing existing tools — we needed a landing page that reflected these improvements and effectively supported our marketing campaigns.

Working closely with another designer, we were able to design a landing page that was both engaging, explanatory, and ultimately reduce the bounce rate by 33%.

Essay’s landing page was nearly two years old and overdue for a refresh. As the app evolved rapidly — launching new features, releasing updates, and enhancing existing tools — we needed a landing page that reflected these improvements and effectively supported our marketing campaigns.

Working closely with another designer, we were able to design a landing page that was both engaging, explanatory, and ultimately reduce the bounce rate by 33%.

Oct 2024 to Feb 2025

Timeline

Product Designer

Role

Shipped feature

Output

Reduce bounce rate by 33%

Impact

Oct 2024 to Feb 2025

Timeline

Product Designer

Role

Shipped feature

Output

Reduce bounce rate by 33%

Impact

THE PROBLEM

THE PROBLEM

The current website was a poor reflection of the Essay app. The graphics showcased outdated versions of the workspace and the branding of the website was lagging behind the identity that we were trying to build for Essay.

The current website was a poor reflection of the Essay app. The graphics showcased outdated versions of the workspace and the branding of the website was lagging behind the identity that we were trying to build for Essay.

THE SOLUTION

THE SOLUTION

A new landing page that reflects Essay’s brand, product growth, and gives users a way to make an informed decision about trialing the platform.

A new landing page that reflects Essay’s brand, product growth, and gives users a way to make an informed decision about trialing the platform.

Up to date graphics reflecting the changes that have been made to the app

Informative sections explaining the functionality and usefulness of each tool on the app

An engaging reflection of what Essay’s purpose and what inspires the company

Gif of the topic tool in action
Gif of the topic tool in action
Gif of the topic tool in action
Gif of the topic tool in action
Gif of the topic tool in action

THE PROCESS

THE PROCESS

brainstorming with the team

We looked at this website redesign as an opportunity to re-align our brand identity. As a team, we went through a branding workshop to brainstorm what direction we wanted to take.

Brainstorming workshop to figure out Essay's branding and tone

Brainstorming workshop to figure out Essay's branding and tone

Brainstorming workshop to figure out Essay's branding and tone

Brainstorming workshop to figure out Essay's branding and tone

Brainstorming workshop to figure out Essay's branding and tone

Brainstorming workshop to figure out Essay's branding and tone

Brainstorming workshop to figure out Essay's branding and tone

Brainstorming workshop to figure out Essay's branding and tone

Brainstorming workshop to figure out Essay's branding and tone

Brainstorming workshop to figure out Essay's branding and tone

Gathering ideas from the team for the new website redesign.

Gathering ideas from the team for the new website redesign

Gathering ideas from the team for the new website redesign.

Gathering ideas from the team for the new website redesign

Gathering ideas from the team for the new website redesign.

Gathering ideas from the team for the new website redesign

Gathering ideas from the team for the new website redesign.

Gathering ideas from the team for the new website redesign

Gathering ideas from the team for the new website redesign.

Gathering ideas from the team for the new website redesign

In collaboration with the Marketing lead, we also needed to figure out what sort of graphics we would be using. Our social media posts had slowly evolved in illustration style, so we needed to develop a set of illustration guidelines

Aligning with the marketing lead to figure out our visual branding

Aligning with the marketing lead to figure out our visual branding

Aligning with the marketing lead to figure out our visual branding

Aligning with the marketing lead to figure out our visual branding

Aligning with the marketing lead to figure out our visual branding

Aligning with the marketing lead to figure out our visual branding

Aligning with the marketing lead to figure out our visual branding

Aligning with the marketing lead to figure out our visual branding

Aligning with the marketing lead to figure out our visual branding

Aligning with the marketing lead to figure out our visual branding

As part of the brainstorming process, I also conducted market research to analyze the structure and design of other niche B2C landing pages.

Looking at other B2C landing pages that are similar to our brand.

Looking at other B2C landing pages that are similar to our brand

Looking at other B2C landing pages that are similar to our brand.

Looking at other B2C landing pages that are similar to our brand

Looking at other B2C landing pages that are similar to our brand.

Looking at other B2C landing pages that are similar to our brand

Looking at other B2C landing pages that are similar to our brand.

Looking at other B2C landing pages that are similar to our brand

Looking at other B2C landing pages that are similar to our brand.

Looking at other B2C landing pages that are similar to our brand

user research

The last part of the process involved speaking to non-Essay users and asking for their overall impression. There were three main pain points uncovered about the current website:

Confusing messaging

It wasn't clear what the function of Essay was. What makes this platform worth trying?

Monotony

Although the site was minimalistic, there wasn’t anything to grab the attention of a visitor and the lack of brand identity meant that the website felt flat.

Lack of transparency

Due to the lack of information, it was difficult to get visitors to invest or feel interested in the platform. Visitors would have a hard time making an informed decision.

The new website

The new website

Brainstorm of the various ways we could incorporate a topic generator into the Essay platform.
Brainstorm of the various ways we could incorporate a topic generator into the Essay platform.
Brainstorm of the various ways we could incorporate a topic generator into the Essay platform.
Brainstorm of the various ways we could incorporate a topic generator into the Essay platform.
Brainstorm of the various ways we could incorporate a topic generator into the Essay platform.

Invigorating copy with a more eye-catching animation to capture the attention of the visitor

Enabled visitors to explore both desktop and mobile versions, addressing early-year requests for mobile access

Straightforward and clear explanations of the app’s workflow process and available tools.

New graphics highlight key aspects of each feature to give visitors a better idea of what to expect.

A detailed breakdown of each tool to helps visitors to make informed decisions.

Included an interactive demo to encourage visitor engagement and enable hands-on exploration of the platform.

Comparison of Essay's competitors
Comparison of Essay's competitors
Comparison of Essay's competitors
Comparison of Essay's competitors
Comparison of Essay's competitors

Added a side-by-side comparison of Essay and other writing platforms, helping visitors choose the best option for their needs.

KEY LEARNINGS

KEY LEARNINGS

This project involved a lot of collaboration and input from various teams (Marketing, Design, Development), so it was a fine balance between encouraging ideas while also considering what the best practice would be based off the user feedback. Through this process, I learned how to effectively manage diverse perspectives, and bounce ideas with the other designer to design a solution that was both user-centered and aligned with the business goals.

This project involved a lot of collaboration and input from various teams (Marketing, Design, Development), so it was a fine balance between encouraging ideas while also considering what the best practice would be based off the user feedback. Through this process, I learned how to effectively manage diverse perspectives, and bounce ideas with the other designer to design a solution that was both user-centered and aligned with the business goals.

NEXT STEPS

NEXT STEPS

We plan to continue monitoring visitor engagement and conversion rates to evaluate the landing page’s effectiveness, while using heatmaps and click-tracking tools to see which sections capture the most attention. Additional insights from user testing or surveys will also help to identify potential pain points and drop-off areas. Further iterations on copy, visuals, and layout based off of this data will help us to continue optimizing engagement.

We plan to continue monitoring visitor engagement and conversion rates to evaluate the landing page’s effectiveness, while using heatmaps and click-tracking tools to see which sections capture the most attention. Additional insights from user testing or surveys will also help to identify potential pain points and drop-off areas. Further iterations on copy, visuals, and layout based off of this data will help us to continue optimizing engagement.

More projects

©2023 Joanna Lau

©2023 Joanna Lau

©2023 Joanna Lau

©2023 Joanna Lau

©2023 Joanna Lau