Tangram Vision
Tangram wanted to update their existing website to have a more polished, tech-focused look that stood out from the crowd.
Partnered with Lightboard
Tangram Vision offers their customers a way to digest and analyze complex sensor data from a host of different robotic solutions. Their original website design was thrown together quickly — the content was there, but it was not clear to the user exactly what they did. The overall look and feel felt rushed and incomplete, and now that Tangram was gaining traction the founders wanted a complete overhaul from the ground up.
With this problem in mind, I worked to establish an overall brand look & feel by iterating through mood boards to determine exactly what look the founders were going for:
![](https://cdn.prod.website-files.com/60ef5447228940f67e4481fa/61048bf65698e5ac91fedae1_process.jpg)
The clients chose the darker purple and orange direction, so I worked with a fantastic illustrator to bring to life the illustration style I established above, lending my Creative Direction and feedback as he worked through each illustrative touch point. While the illustrator plugged away, I began fleshing out the rest of the page layouts based on our approved style direction. After approval, I began development in Webflow.
![](https://cdn.prod.website-files.com/60ef5447228940f67e4481fa/6104905007c9144a258b40b6_tangram-img-01.jpg)
![](https://cdn.prod.website-files.com/60ef5447228940f67e4481fa/6104934065b8b2b4272ad6c1_tangram-img-02.jpg)
As a finishing touch, I worked with an animator to add subtle motion to the homepage illustration. Keeping file size in mind, the animation was created in the Lottie Framework to reduce overall load. I spent a large chunk of time hand editing the code of the complex SVG file in order to troubleshoot the eccentricities of converting such a complex illustration into the Lottie Framework, and to work as smoothly and seamlessly as possible within the Webflow framework.