Signiant
Who wants to go fast? Signiant wants to go fast.
Signiant is a significant player in the media technology space whose product helps send large files fast. Their products are utilized by the NHL, Apple, TED, and many more.
My Role: Design Lead, UX Design, and strategy, UI Design, Production Design
Project Time: Retainer, On-going
Challenge: Develop the user interface and logo for a new product offering and assist their in-house product team. Overhaul their marketing website with a brand new look and feel while improving sales leads and unique content offerings. Apply a new visual appearance across marketing initiatives. Develop and enhance product logos system.
Product Logos
Signiant has a well-defined product offering with a specific color system and overall vibe. The requirements for creating a new logo are that all logos must feel equal in size optically as they will be displayed together. They must be minimal, bold, and must conceptually relate to the product's primary function. Logos must work chromatically and monochromatically.
Jet
The direction was to show the ability to send and receive information around the world quickly and in large quantities.
Flying Dock (pseudonym)
The product and logo have not yet been released. The image to the right is a preview of the work that created the final logo. Aviation and basic cockpit controls inspired these early visual concepts. It will make more sense when I can use the actual product name. :)
Product User Interface
Signiant provided me with wireframes created in Balsamiq and a walk-through of the product's essential functions. The main requirements were to utilize the Material Design System and ensure that the dashboard appeared modular. The challenge and primary goal were to include a visual response to active file transfers and provide real-time status and progress while showing a spatial representation of where in the world the files were being sent. I was not required to work past the primary dashboard. The internal product team handled the rest.
I provided a high-fidelity and fully wired prototype that they then used to bring the actual product to life. This prototype was a blast!
Marketing Website
Signiant requested a new website that was bright and inviting. The original website was very dark and felt outdated. Similar to the direction we received for the logos, they wanted to capture the idea of movement with the challenge to introduce an additional brand color tastefully. The primary requirement was that the site had to be completely modular and flexible using advanced custom fields to develop custom components that could be easily moved and dropped into pages or quickly prop up new pages.
How to overlap desperate page sections together was the most significant complexity. We wished to retain the control to update, add or customize what we called “Waves.” The “Waves” contributed to the appearance of movement and gave the site a more organic and less rigid feel.
We found a solution that retained the modular nature we wanted through open communication with the internal and external development partners. This discovery expanded our current component library and showed us how to push our ACF use further than we previously had.
In a short amount of time after launching the site, we began working with Signiant’s SEO specialists to start improving high-value templates and pages. We are currently and actively updating pages containing marketing automation and discovering new ways to display content that ties in dated material to feel more cohesive.
This website is still a work in progress, but the initial release was quite the undertaking within the 6-month timeline.
Suited, Booted, and Smelling Good.
Signiant largely depended on nondescript stock imagery to populate their website. We discovered a new approach to their imagery through the website process and additional smaller tasks outside the website. We uncovered that there were very few visual, easily digestible representations of their products. We developed a new look and feel for displaying important product information and introduced JS animation to help tell the story (animation addition still under development).