Re-design of Fluent.co (before & after)

Overall

• Button - consistency, consistent capitalization, some don’t look clickable, creating primary and secondary buttons

• Buttons are round, but cards are sharp? Making everything a bit round for consistancy

• Vertical alignment off - adding a grid with a margin and improving lines up and down the page so it looks cleaner.

Header

Create 2 headers.

1. Hero header on home page with cta using secondary button (main cta is in the hero).

2. Scroll header with primary cta using primary button style

Footer

• Put "copywrite" in better place

• Align content columns with grid (4 columns)

Home

• Improving hero above the fold - need to pop and show product in action

• Improve above the fold by teasing continuation (to scroll), clear CTA (instead of two, one in the hero and the other in the header), creating a clear story

• Improving mailing list form - explaining what it's for (feature updates) and making the form submission function better

• Improving last CTA at the bottom of the page - the 2nd most important part of the page. It shows what you want the user to do next, and we want them to? Download the Chrome app.

• Adding ‘seen in’ logos to improve credibility

• Adding testemonials - to improve credibility and showcase user love. It shows that one people are using the platform and two that people love it.

• Removing “why fluent?” and down error in the hero - going to tease continuation (scroll) naturally instead

• Removing “languages” widow.

Interested in doing some work together? Shoot me a message 👉🏻 design@mikehanna.co