PSD to Email Conversion for three responsive email templates including CampaignMonitor integration
There were 6 PSD files for the email templates we had to convert - 3 for the desktop versions and 3 for the mobile. They were very sweet, so we couldn’t resist and started working on coding and integrating them in CampaignMonitor. We didn’t have much time.
We had to do the conversion for 3 email templates, to optmize them for mobile devices and integrate them in to CampaignMonitor.
Everything was rather straight forward. There was just one catch - we had to complete everything in less than 12 hours because the client wanted to send his campaign on the following day.
These were the requirements, so we started right away.
We didn’t have much time to discuss the details with the client. We had to think fast and make sure it worked perfectly. Zack prepared a quick summary for the developer.
The timeframe was exactly 12 hours.
Due to the nature of the design, large part of the project was to slice the images properly. At the same time we had to make sure images were easily editable and all texts were kept as actual texts instead of slicing them as part of the images.
We received separate design files for both the desktop and the mobile versions from the client. We could tell by the work they had done for this project that they were real design experts. The mobile version followed the course of the desktop version very well. It was designed according to the best practices. It was a pleasure for the developer to code the concepts.
We completed the coding phase in just a few hours, so Della had just enough time to review the code. She discussed her concerns with Zack and then got back to the developer with the revisions.
There were just a few minor things she noticed, usability issues eg. in the design. We decided that we shouldn’t follow the design blindly, thus making compromises with the usability, so Zack had to explain these differences to the client.
Check out the video below the see the whole thing in action
We coded the templates and added the CampaignMonitor files in the sources. Zack explained why we did a few things differently and the client agreed. They had an expert in CampaignMonitor, so they decided they would upload everything on their side. We assisted them with just a 2-3 corrections, before they sent the campaign.
Six responsive email templates, mainly transactional which had to be optimized to work with both MailChimp and CampaignMonitor.
A full set of 11 different email templates: transactional, newsletter, and promotional. All of them had to be optimized for mobile devices, i.e. made responsive.
