Reem Email Design

The Challenge

Delivering 2.8 million square feet of retail (2m square feet of leasable space) Reem Mall will comprise around 450 stores, including 85 F&B outlets and a range of family-focused entertainment offerings. Positioned on Reem Island – right in the heart of new Abu Dhabi.

It was my job to design a reusable email template for Reem Mall. The design needs to be successful at informing users of news and developments at Reem Mall and increase customer loyalty and awareness. The email must be readable on all devices – tablets, phones and desktops, as well as i0S and Android. 

Other considerations:

  • They wanted me to look at introducing some more unique features to the pages, to ensure it looks less like a template, and more unique to Reem Mall. 
  • They wanted me to introduce any other “bells and whistles” that improve the user experience.
  • I had to adhere to brand guiltiness and use the Reem Mall font (Fedra) wherever possible using the light and heavier versions of it. Brand guidelines were provided, some example pages shown below.
  • They suggested that I think about incorporating line-art patterns which can be found in the architect’s concept deck - example shown below.
  • The Sharing button had to be in a row as per original layout plan.
  • Website: http://reemmall.ae/
Reem Email laptop 1Reem Email laptop 1

The Solution

  • The email starts out with a dynamic photograph of the architecture which grabs readers' attention. Below this, you'll find a typeoragraphical layout design with articles sized in accordance with importance and hierachy.
  • The design of the email is clean and sophisticated, thanks to a brilliant use of negative space and attractive fonts.
  • There is consistent use of coloring, especially the signature grey hues through the designs
  • Short text blocks that link back to full articles or product pages on your website or to landing pages. That way the email displayed just enough information to get the audience  interested in reading more about it.
  • This is why it’s a good idea to always use a solid background color as a fallback. I this case I kept the design white. People use different email clients or apps and it’s very likely that they won’t be able to open that background image. Or maybe it will stretch and lose its quality, which will ruin the design of the newsletter itself. 
  • Nowadays, smartphone usage is skyrocketing and so is the number of people that are reading email on a mobile device. A mobile-friendly email is an email that displays optimally between a desktop/laptop and a mobile device, ensuring that it will look great regardless of where your subscribers read it. Keep that in mind when designing your email newsletter.
  • The emails were tested thoroughly on all devices and clients. 

Wireframe and Brand Guidelines

Visual References

Reem Email Design Versions

[unex_ce_button id="content_763sampkm,column_content_t0fd4f6fl" button_text_color="#ffffff" button_font="semibold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#000000" button_padding="15px 60px 15px 60px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#000000" button_border_hover_color="#000000" button_link="http://reemmallnews.com/issue-1/" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]VIEW EMAIL[/ce_button]

Below you will see how the design took shape from wireframing to experiemnting with design and then then to the final mobile friendly solutution.

The design rendered beautifully across all email clients and on mobile devices. The email has been successful at informing users of news and developments at Reem Mall and has increased customer loyalty and awareness.