ynvisible logo

Case Study for 2021 Website Redesign

READ MORE
Arrow pointing down
Project time: 5.3.2021 - 15.4.2021
written by Derek Little

Why did you choose Karpi Studio?

Felix Karlsson profile picture
Felix Karlsson
Business Developer for Ynvisible

We basically wanted a facelift and a improvement. It made sense to reuse a Webflow, the existing platform. They are Webflow experts so it was a perfect match.

Summary

Ynvisible, based in Vancouver, Canada, is able to solve this problem with an innovative and eco-friendly message display technology called electrochromism. When Ynvisible began taking steps to grow its business, it realized it too had a messaging problem. Only theirs was on their website.

Ynvisible turned to Karpi Design Studio to improve the effectiveness of their website so that more visitors could be converted into leads and sales.

Ynvisible production line
Project time: 5.3.2021 - 15.4.2021
written by Derek Little

Summary

Ynvisible, based in Vancouver, Canada, is able to solve this problem with an innovative and eco-friendly message display technology called electrochromism. When Ynvisible began taking steps to grow its business, it realized it too had a messaging problem. Only theirs was on their website.

Ynvisible turned to Karpi Design Studio to improve the effectiveness of their website so that more visitors could be converted into leads and sales.

Felix Karlsson profile picture

Our website is how we introduce ourselves to the world, but our visitors were not understanding our offering.

Felix Karlsson
Business Developer for Ynvisible

The Need

A Redesign Was Needed to Clarify their Messaging

Karlsson built the company’s original website himself using Webflow.com. “I have a slight background in web development, but I’m not a professional,” he said. “We had quite a technical approach, but we didn’t have enough visuals to communicate what we were doing.”

We had quite a technical approach, but we didn’t have enough visuals to communicate what we were doing.

Ynvisible’s biggest need was being able to communicate the unique value of their products. Their products are based on the phenomenon of Electrochromism. This is where a material changes color when a voltage is applied. But explaining how their products used this technology for the benefit of their customers was a challenge.

Old ynvisible contact page
Old ynvisible homepage
Old ynvisible page

The Solution

Homepage Animations Were Used to Showcase Key Product Features

Karpi Design Studio was chosen for their advanced skill in creating websites with Webflow. The Webflow platform is known for it’s ability to create high performance sites. This translates into more website traffic, more conversions and a better user experience. Maintenance is easier too thanks to on-page editing capabilities.

Visual Direction

Karpi Design defined the typeface and modernized the color scheme. To give the logo a modern look, they added a color gradient to modernize it. Updated brand guidelines were implemented on the website and across all marketing channels.

White background for ynvisible logoBlue and green ynvisible logo
Blue and green gradient background for ynvisible logoWhite ynvisible logo
#009AA8
#002D54
#00142A
#F9FCFE
#8497AD
Aa
Quick Brown Fox Jumped Over The Lazy Dog
Raleway regular
Aa
Quick Brown Fox Jumped Over The Lazy Dog
Raleway bold
Aa
Quick Brown Fox Jumped Over The Lazy Dog
Lato regular
Aa
Quick Brown Fox Jumped Over The Lazy Dog
Lato bold
The Redesign

Karlsson’s focus was on customizing their homepage. He wanted to repurpose content from an existing Ynvisible video to showcase key product features.  Some text about hero animation,  this would be probably video showing off the animation?

Redesigned ynvisible homepage

Karlsson’s focus was on customizing their homepage. He wanted to repurpose content from an existing Ynvisible video to showcase key product features.

For example, a lemon is used as a conductor to complete a circuit that activates an electrochromic message. This shows how Ynvisible products have the lowest energy consumption on the market for most use-cases. And that their products are ideal for battery-driven or battery-less IoT devices.

Another animation shows how Ynvisible’s clients can experiment with different shapes, forms, and colors. Their thin and flexible products enable endless design freedom. Letters, symbols, numbers, and graphic elements are all possible. Color filters and other static graphic elements can easily be printed on top of the display. And any cut-out shape is possible.

Ynvisible’s roll-to-roll screen-printing processes are shown in the next animation. This high-volume production method drives down the cost of individual displays with faster production while maintaining premium quality. This lets them deliver ultra-low-cost mass production at both the component and system level.

A hammer is shown hitting one of their displays in the next animation. This demonstrates how their display continues to function normally under impact. A conventional glass display is hit by the same hammer showing how easily it can be broken.

Other pages

Karlsson’s focus was on customizing their homepage. He wanted to repurpose content from an existing Ynvisible video to showcase key product features.

For example, a lemon is used as a conductor to complete a circuit that activates an electrochromic message. This shows how Ynvisible products have the lowest energy consumption on the market for most use-cases. And that their products are ideal for battery-driven or battery-less IoT devices.

The Result

The New Website Works Like a High-performance Sales Tool

“The feedback from clients so far has been great,” said Karlsson. The new Ynvisible site has been well received, both internally and externally. He especially liked how Karpi Design Studio was able to reuse their existing content to improve how the site looks and communicates visually.

The new site now doubles as a PowerPoint presentation that the Ynvisible team can use in business meetings. Visitors can easily find the information they need to understand Ynvisible products.

BEFORE
Page performance before

When describing what it was like to work with Karpi Design Studio, Karlsson said he liked how they were able to combine design with website performance. And that they now have analytical tools for measurement and reporting.

He said the firm was easy to work with. They delivered the development on time and did well managing several rounds of changes. Commenting on the cost of his new site, Karlsson added, “Their hourly fees on average are quite high. But at the same time, they are really efficient. They don’t waste a lot of hours doing unnecessary stuff. It’s a quite streamlined process.”

They not only understand design, but also how important performance is and how to communicate copywriting and visual assets as a whole package.

While it’s still too early to know how much the new website will impact their business due to Covid-19, Karlsson believes their new site is certainly a big advantage.

AFTER
Page performance after

It’s quite certain that you will get a high-quality website developed by experts.

Finally, when asked if he would recommend Karpi Design Studio to another company, Karlsson said, “It’s quite certain that you will get a high-quality website developed by experts.”

The Result

The New Website Works Like a High-performance Sales Tool

“The feedback from clients so far has been great,” said Karlsson. The new Ynvisible site has been well received, both internally and externally. He especially liked how Karpi Design Studio was able to reuse their existing content to improve how the site looks and communicates visually.

The new site now doubles as a PowerPoint presentation that the Ynvisible team can use in business meetings. Visitors can easily find the information they need to understand Ynvisible products.

They not only understand design, but also how important performance is and how to communicate copywriting and visual assets as a whole package.

While it’s still too early to know how much the new website will impact their business due to Covid-19, Karlsson believes their new site is certainly a big advantage.

Page performance beforePage performance after

When describing what it was like to work with Karpi Design Studio, Karlsson said he liked how they were able to combine design with website performance. And that they now have analytical tools for measurement and reporting.

It’s quite certain that you will get a high-quality website developed by experts.

He said the firm was easy to work with. They delivered the development on time and did well managing several rounds of changes. Commenting on the cost of his new site, Karlsson added, “Their hourly fees on average are quite high. But at the same time, they are really efficient. They don’t waste a lot of hours doing unnecessary stuff. It’s a quite streamlined process.”

Finally, when asked if he would recommend Karpi Design Studio to another company, Karlsson said, “It’s quite certain that you will get a high-quality website developed by experts.”

Book your

free consultation

Here’s what you’ll receive:
Consultation