Generate thousands of custom graphics from any SVG template with a simple script

From a template to hundreds of instances illustration.
From a template to hundreds of instances illustration.

As marketing campaigns become more personalized, designers have the opportunity to have a big influence on the quality of the message.

Mode’s marketing team is pushing the boundaries of what it means to deliver a compelling message that provides value to our audience. As part of a recent initiative, the design team explored how we could create interesting visuals that the sales team would attach to emails sent to potential customers. The challenge was: how could we scale the process to thousands of assets, without any engineering resources, and in less than a week?

Here is a sample of what we wanted to achieve: a visual summary of the tech stack potential customers were using and how Mode would fit in perfectly. This would demonstrate our deep understanding of their world and how we could help them. …


Quick intro to design research and our quest to find the right tool for the job

In this series, we would like to share our adventures finding the right tool to do better design research. TL;DR: We found what we were looking for with Eagle. We will also share how we are using this amazing tool in the second and third parts.

A little bit of context

Our team has been growing rapidly in the last year. We have now 5 UX Designers in our team. This brings new opportunities, but also new challenges for our design process. One of the aspects we focused on was the design research phase.

So far, whenever we needed to design a new app from scratch or improve an existing feature, we instinctively did some kind of informal design research to inform our design decisions. Our research included visuals, such as screenshots and infographics from contemporaries and competitors. …


How we use Eagle in our design research process

In Part 1, we talked about why Eagle is our favorite tool for design research.

In this post, we will share more about how to set up the tool, and use it, as well as some learnings we gathered along the way.

Before starting, watch the video demo to get a peek at the sleek features this tool has to offer. We’ll go through the basics in this article, and all of the advanced tools in Part 3.

Eagle teaser

Set up

First things first: download Eagle for your Mac or Windows.

Open the app and create a new library. Select a location for it. …

About

Raffaele Gesulfo

Pushing the boundaries of user experience.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store