Plastiq Marketing Site

I created a new site ahead of going IPO along with the design team. This site focused our message and drove home the benefits of our suite of products all in the attempt to prepare for the influx of new potential customers visiting the site and drive

Year
2022
Client
Plastiq
Project Type
Website
role
Lead product designer, Information architecture, Interaction design, Creative strategy, Brand development

Role

Team: Lead Designer: Omar Tavarez, Principal designers: Danny Lopez, Craig Cockerill, Marketing Team: Angela Luna-Chavez (Designer), Noah Sanders (Copywriter), Developers: Rony, Mark, Product Manager: Caleb

Even though there wasn’t an assigned lead I took the initiative on this project. I created the visual language and brand direction. Furthermore, I led the brainstorms and workshops that brought us together as a team to create this project. Every team member brought their strengths to this project.

Project Summary

Plastiq needed a new and improved website ahead of going IPO. The COO came directly to the design team with this ask based on the importance of the project and short timeline. The goal of the project was to display the benefits our suite of products to our users while revamping the brand and attracting investors. We also wanted to evolve our brand and drive growth in key areas of our products.

We delivered on these goals by creating a new experience for users visiting our site. The site now shows our suite of products with great clarity; as well as our pricing tiers. Investors and stakeholders are confident with the liberties we took in revamping the brand. It’s still early but, the feedback and analytics have been great.

The Challenge

When first being alerted about this project my first concern was the short timeline. We only had about 3-4 weeks to put together a site which was a short timeline for the scale of the project. Since our Head of Design was busy with other priorities and would not be available for most of the project I was assigned to lead this effort. Based on conversations with him and the COO I knew that this updated site needed to:

  1. Meet all of the KPI’s set by stakeholders
  2. Provide clarity around what Plastiq does and really hone in on our value props and benefits
  3. Be WCAG compliant
  4. Be visually stunning and engaging (There will be lots of eyes on this once we go IPO)
  5. Evolve our image as a public company
  6. Drive the growth of PayPro (our professional paid tier product offering)
  7. We also wanted to take a “One Plastiq” unified approach when it comes to how we present our products

Accomplishing this ended up being more difficult of a task than originally expected due to changes that needed to be made to our brand and also because we were starting completely from scratch. Furthermore, the previous site lacked polish and was very scattered on the ideal customer profile we were trying to attract. This led to confusion for the majority of customers we were trying to target. Some of our products were also hidden in the navigation and not featured on the home page. I rolled up my sleeves and set out to fix all these issues.

The Solution

To begin, I had to align with the team on the project. Once the team was assembled, we all began meeting regularly so we could share updates and stay aligned. I began to create a list of tasks that needed to be done for us to accomplish our goals. First order of business was to start structuring the approach for the project. I started planning the strategy for producing the hard assets for website as well as the content that would go on it.

Planning the creative strategy

I needed to get a feel for what the structure of the site would be and what the content would showcase; so I (along with another principal designer) began explorations around styling, theming, content and components for the project. We went through several design iterations (using the agile design methodology) to find what worked. Once we had a basis for what we were building and what needed to be included on the homepage, products pages and subpages we could finally start working on the global items that were needed across the project.

Content strategy and structure explorations
Visual style explorations

Creating the framework

To start building effectively we needed to create global foundations that would reused across all of the design assets. I started by bringing my own proprietary color system (with some tweaks) that I have been developing over the last couple of years to use as a basis. I also collaborated with our two principal designers to develop our spacing and typography scales from which we created all the necessary styles to create the website from an atomic scale.

Proprietary color wheel that I created
Global foundations for site component library

We still had the question of how to tackle was the question of what to do with our brand in regards to our product suite and tiered pricing packages. The lack of cohesion and consistency throughout brand experiences was preventing us from evolving our brand and scaling. I proposed a few different ways we could execute some enhancements without creating any drastic changes to the brand. The results created a brand strategy that made sense for what we needed at the moment but, could also scale to any future needs. We ultimately decided as a team that what I proposed would be the future of the Plastiq brand.

Brand architecture
Brand explorations

Setting the creative tone

I then started to create multiple versions and explorations around what could be the final style that we would run with. The team and I explored multiple conceptual styles for modules, templates and general things for the site. I asked the team to present all of their best work and we decided on a visual style from there. We wanted to use clear visual styles to convey what the company does clearly to potential customers and investors alike. I also brought in a previous exploration I had done for the connect product’s subpage and created new conceptual styles for the project. Over the course of a productive workshop we decided on the visual style we were going forward with.

The content still needed to be decided on since there was no definition around this aspect of the project. We had a general idea of what the stakeholders wanted to see and what was valuable to the user. Using that and our KPI’s we started brainstorming what should be on the homepage and other critical subpages. I again brought in previous explorations and work I had done in anticipation of the Connect page being updated. I compiled a list of general key marketing points that should be on a homepage based on a market analysis of competitors and others in the same industry. This helped the team understand what content needed to be part of this project and how we should structure ours.

Comparative analysis
Exploration for Connect product page

After brainstorming key points with the design team we strategized on how to create and incorporate our brand tone and voice. Once we answered the questions of who we were speaking to and what we the message should be we wrapped up our content strategy session and let our Marketing/Brand Designer and Copywriter take over the writing and placement of the content.

Execution of strategy as a team

I created a task list/kanban board to begin dividing work from. It was very rudimentary but effective and agile based on the timeline we were working with. We generally divided tasks based on our strengths and areas of expertise throughout the product and marketing segments.  Collaboration was key for our success and the reason we worked so efficiently individually and as a team.

Now that all of the key pieces to build the site were in place, the team was aligned and we had a clear understanding of what we were building we began to work on the final site. I decided to take on the task of compiling all of our the work the team had done to and created the final mockup with all of the foundational elements, content and visual explorations. I made to create mockups that were pixel perfect and gave Engineering all the documentation needed to build the site.

Once all of the final assets were in place we began talks with Engineering and Product to make this site a reality. While there were some sacrifices that we had to make based on the timeline the Engineering team was able to deliver on time. The things that we couldn't accomplish in the first few sprints before launch we added to the backlog.

Site Launch

The website was first showcased to everyone at our show and tell meeting for the entire company. Feedback was great from C-level down to IC’s. The new site provided clarity around our products and had a cohesive message and consistent brand. This brought us a step closer to fulfilling the “One Plastiq” vision. We were finally ready for launch 🙌.

Pre and post-launch we noticed a few small bugs and improvements that also went into the backlog, but none that were showstoppers.

Plastiq Marketing Site

Impact and Outcome

The early data and feedback from customers is overwhelmingly positive. We are meeting all of our KPI’s and are continuing to improve the experience based on new data.

Customers

  • Provided clear benefits of our suite of products
  • Created a more delightful and cohesive experience
  • They now have more robust optionality when choosing the correct product
  • Site is fully WCAG compliant

Business

  • We evolved out public image as a company significantly
  • Drove the growth of PayPro (our professional paid tier product offering)
  • Fulfilled he “One Plastiq” vision

Plastiq Marketing Site