• Design

  • UI/UX

  • Development

  • Analytics

  • Digital

Seamless.AI Website Redesign

Marketing Site Relaunch

Seamless.AI homepage on a laptop with an overlay of an upward tranding graph

Creative Breif

Seamless.AI’s Engineering team is focused strictly on building, maintaining, and innovating the product. Bandwidth issues along with competing priorities meant making a simple text change could take 2+ weeks. The Design team was tasked with onboarding a new platform that would let Marketing take control of the company’s website and redesign it from the ground up. This would allow Marketing to implement a go to market strategy and scale as needed.

Tools

  • Adobe XD logo

    Adobe XD

  • Adobe Photoshop icon logo

    Photoshop

  • Webflow icon logo

    Webflow

  • Visual Studio Code icon logo

    Visual Studio Code

  • Google Tag Manager icon logo

    Google Tag Manager

  • Google Analytics icon logo

    Google Analytics

My Role

Designer & Lead Developer

Deleverables

130+ Pages

Challenges

  • Needed the Engineering team’s approval. They seemed skeptical that Marketing would have the capabilities to build and maintain a performant site and were more inclined to go the headless CMS route.
  • Leadership was pushing an extremely aggressive timeline.
  • The company had a set of Directory Pages that pulled information from the backend. It would not be feasible to import this data into another platform.

Process

  • 01

    Platform Selection

    Icon of computer mouse pointer
  • 02

    Content Planning

    Icon of pencil writing in box
  • 03

    Wireframes + Mockups

    Icon of box divided into 3 sections
  • 04

    Prototypes

    Icon of an arrow pointing right
  • 05

    Leadership Review

    Icon of a chat message bubble
  • 06

    Development + Testing

    Icon of a computer monitor
  • 07

    Launch

    Icon of a paper airplane

Results

  • 2-3x Conversion Rate.
  • Worked in an MVP format and got leadership buy-in along the way.
  • Worked with Dev to setup a Reverse Proxy for the Directory Pages.
  • 2023 Webflow Awards Finalist in the Brand Transformation category.

Seamless.AI went from 15+ pages to 130+ pages in just under 5 months.

The team designed a completely new website, onboarded and learned a new tool, developed all pages with performance in mind from the start, and so much more. With that, conversion rates immediately shot up 2-3x what the original site performed. The average conversion rate for B2B sales websites is 2.23%, with the top 25% of sites hitting 4.31%. Seamless.AI was able to achieve a 7% conversion rate through the launch of the new marketing owned website and continued expansion of the MVP build.

The Directory Pages are still maintained by the Engineering team through the use of a reverse proxy. This allows the Marketing and Engineering teams to work in separate environments that ultimately push to the same domain - an important SEO factor. The teams are now able to work on departmental business initiatives that are the highest priority for each team respectively.

As a bonus, the new site was a top 4 finalist in the 2023 Webflow Awards for the Brand Transformation category. And while Seamless.AI did not win the ultimate award, I’m extremely proud of the work our small team was able to accomplish in this massive undertaking - an initiative that would normally take larger organizations 1-2 years to launch. This project was just the beginning. Further plans and optimizations are already underway to continue to help the business reach new heights.

Group of tablet, phone, and desktop screens showing how different sections from the website scale for each device

Design System

Inter - a variable font carefully crafted & designed for computer screens.

Primary Colors


Primary

#0065f2

R0 G101 B242

C82 M62 Y0 K0

Primary Light 1

#F4FAFF

R244 G250 B255

C3 M0 Y0 K0

Primary Light 2

#DBEEFF

R219 G238 B255

C12 M2 Y0 K0

Primary Dark 1

#0041C3

R0 G65 B195

C92 M79 Y0 K0

Primary Dark 2

#004280

R0 G66 B128

C100 M83 Y23 K7

Secondary Colors


Yellow

#FFE614

R255 G230 B20

C2 M4 Y97 K0

Green

#1AAC06

R26 G172 B6

C80 M3 Y100 K0

Red

#E13019

R225 G48 B25

C6 9M5 Y100 K1

Neutrals


White

#ffffff

R255 G255 B255

C0 M0 Y0 K0

Gray 1

#D8D8D8

R216 G216 B216

C0 M0 Y0 K16

Gray 2

#48484A

R72 G72 B74

C1 M1 Y0 K71

Black

#000000

R0 G0 B0

C0 M0 Y0 K100

Quotemarks

The work you’ve done is just so good! This team is building like a pro agency that’s been doing this for years. Seriously, this is so good from a structure and style system standpoint.

Photo of Ben Parker

Ben Parker

Technical Architect, Webflow


Final Layouts

Full Homepage design mocked up up in a browser


Book a Demo form mocked up on mobile device Did not book a meeting page mocked up on mobile device Demo booked page mocked up on mobile device
Full Pricing page design mocked up up in a browser Pricing Inquriy page mocked up on a laptop
Full Integrations page design mocked up up in a browser Full Demo page design mocked up up in a browser Full Support page design mocked up up in a browser
Quotemarks

Met with the CMO for Kevin Costner’s investment company (Autio). Took the meeting 100% based on how impressed he was with the website. He said several times during our conversation “The website… it looks really f**king good. Like, it’s the reason I gave you guys any time. You guys know your s**t.” When a guy like that GUSHES about your work, figured you should know. Glad you are on our side.

Photo of Joe Morrell

Joe Morrell

Sales Director, Seamless.AI

Group of tablet, phone, and desktop screens showing how different sections from the website scale for each device
Full Chrome Extension page design mocked up up in a browser Case Study section mocked up on a laptop
Quotemarks

This new site would not have come together the same if it wasn’t for Chelsea. Her expertise and continued drive to learn more helped us make this new site a reality. You can dream and design all day, but the development she put in everyday was what changed the game. There was never a moment I couldn’t come to her with ideas, bugs, or questions, For that, I am truly thankful. I couldn’t be prouder to be on the same team as her.

Photo of Stephanie Langston

Stephanie Langston

Senior Designer, Seamless.AI



Full Platform Overview page design mocked up up in a browser Website section mocked up on a laptop
Full Job Changes product page design mocked up up in a browser Full Buyer Intent product page design mocked up up in a browser Full Writer product page design mocked up up in a browser
Group of tablet, phone, and desktop screens showing how different sections from the website scale for each device
Quotemarks

Embrace Change. Our website was a massive accomplishment, but it also required a lot of change management - working with multiple stakeholders, building a process that was never there, and bringing it across the finish line. Chelsea does a great job at understanding what needs to be done and that we also have to be comfortable with a change in direction at any moment to support the business. She’s also equally as good at providing feedback when that change has negative implications that we’ve yet to consider.

Photo of Jonathan Pogact

Jonathan Pogact

VP of Marketing, Seamless.AI

Group of tablet, phone, and desktop screens showing how different sections from the website scale for each device