Signiant

A SaaS experience dedicated to secure and reliable large file transfers.

Time to read: ~1.5 minutes

Project Background

In an effort to modernize their brand identity as a reliable SaaS data transfer company, Signiant brought in my team to overhaul their messaging and visual language without sacrificing their feeling of “legacy status”.

Challenges

  • How do we modernize a design system while maintaining Signiant’s legacy status in the market?

  • Managing the filters for dynamic content could quickly become overwhelming due to the plurality of categories available.

  • Lengthy articles can intimidate users and the method for requesting a download of those articles is needlessly complex.

Solutions

  • We retained the legacy status by focusing on visual techniques, language, and quality-of-life updates that emphasize the trust and confidence associated with established companies.

  • By combining category tags across dynamic content types, we reduced multiple redundancies and streamlined the customer experience.

  • We implemented a Table of Contents / secondary navigation to organize longer articles into smaller pockets of information. We also optimized the flow for obtaining a pdf of the article down to a single button.

Responsibilities

  • Help establish a renewed style guide, introducing fresh visual motifs.

  • Overhaul the filtering system, clearly distinguishing between Categories, Content Types, and Tags.

  • Style a full suite of flexible component blocks to be used in WordPress. Ensure ADA compliance.

  • Test functionality of component blocks by using them to build a core set of recommended pages.

  • Assist development through QA testing and logging Bugs at regular intervals.

Filtering System

File Transfer Calculator

 

Flexible Component Blocks

 

Core Page Mockups

Component Usage

  • Made from 11 different component blocks.

  • Blocks specifically designed to integrate with the background gradients and patterns.

  • Blocks with related content can blend together, making the site seem more professional and trustworthy.

  • Flexible card styles were used for multiple blocks, reducing turnaround time.

  • Block palettes change based on background color to ensure consistent accessibility.

Previous
Previous

Client: Benecon / VERIS

Next
Next

Client: Oregon State University College of Business