1. New Marketing Landing Page

Goal

Redesign the landing page to attract more clients - with a focus on increasing sign-ups for our demo and overall client interest.

Design goal: rebrand the landing page to be consistent with our updated design system and increase visual dynamics

Revamp the storytelling to showcase the new core features and mock-ups.

Impact

The most impact I made was designing the hero image section that created a strong first impression to prospects.

We experienced a boost in client engagement by a higher conversion rate from viewers to contacts. Additionally, we gained more positive client sentiments.

Before

After

Problem

The previous landing page wasn't eye-catching, and we needed to update the content and visuals to showcase our new demo and product vision

Low level of visual

Generic illustration, plain layout, low-saturated colors

Previously, they didn't have a formed design system, and the product vision wasn't clear.

Storytelling needs a rewamp

When I came in, they had developed a clearer product-market fit, and they wanted to rebrand their website to showcase the new value props.

Solution & My Responsibility

First impression - Hero image

After we finalized the content and UI was to be included in the hero section, my challenge was to create a background image that creates visual interest while leaving white space for content.

I selected an image of a woman who looks like she is succeeding in a negotiation. This image matches our style and shows visual depth. I blurred out the background to bring more focus to the girl, hoping to create excitement in the first impression.

Storytelling - Landing page structure

Helped the team to frame the contents in an effective order

For UI, we started by defining the visual languages as modern, technological, intelligent, and analytical. Based on the existing color palette, we created a UI inspiration board, which helped define our new color palettes of the design system for more complicated visuals.

By talking with the founders, we learned new insights and aligned with them on the info hierarchy in the landing page.

First strong impression - primary features showcase - product outcomes - high demand on the issue - external feedback - our partners

Products showcase
3 primary features
Features and technologies utilized in our negotiation platform
Where we fit in
1. How our product fits in the market
2. Our solution cuts down the traditional process of contracting.
Highlights of product outcomes with attractive graphics
External recognization of the impact that negotiations have on corporate performance with data
Our Partners