Designing an email newsletter in Photoshop

web

In the screencast below, I put together a mock-up or high fidelity design for a small business email newsletter (eDm). This is a snippet of a larger design process that includes research, wireframing, design and development. We will look at that process in more detail in subsequent posts. Right now though, for this email newsletter project, we will strip the process back to a couple of simple steps, Sketch/wireframe, Design and then Code. I build out a design mock-up based on a wireframe sketch made earlier. You can see how the design is establish very early in the development process. In this video, I use Photoshop but other apps like XD or Figma would be a good alternative.

https://youtu.be/EqTMvxEAmjk

Previous
Previous

Illustrator to After Effects workflow: Giving your vectors some life

Next
Next

Creating and exporting assets to use in web and screen projects