Better designed emails when sharing links and calendar etc

[enoch85]

Today we use standard templates that contains mostly text. It works, but isn't that pretty. What I suggest is to improve the design so that it looks more professinal. I've seen some great work by @Espina2 the past weeks, and I'd really like to see some suggestions regarding an improvment of the mails that are sent to users.

As an external user of Nextcloud (someone that uses Nextcloud sends a link to someone that doesn't) the first impression is the mail they get with either a calendar invitavion or a shared link. To attract more users to use Nextcloud and make a switch from Google or some other provider I belive it's crucial that our soulution looks better.

Google Calendar invitation:

Google Drive shared link:

Please fill this issue with more examples.

@jancborchardt What do you think?
@georgehrke Is this something that you control in the calendar app?

[Espina2]

Can you post the actual email?

[enoch85]

@Espina2 The sharing email looks like this:

My header is black in the Theme settings.

Hello there,

just wanted to inform you that Daniel Hansson shared links TURN.txt with you.
Show it!

The share will expire November 17, 2016.

Have a great day!

I'm having issues generating the Calendar share email.

[enoch85]

Ok, just found out that when sharing an event in the Calendar to a Gmail address, the email looks as it came from Google - same as in the picture.

Haven't tried with other mail suppliers or Mirosoft Exchange.

[Espina2]

I will take a look and see what I can make as soon as I can. :)

[georgehrke]

The invitation mails are handled in the day app, the email that includes the sharing link for public calendars is generated in the calendar app.

[MorrisJobke]

Related to #1326

https://mjml.io/

[eppfel]

I created some simple Drafts to start a discussion. I did not consider calendar invites, yet, but first things, first.
I opted for the colorful header, instead of just the logo (proposed by @jancborchardt in #1446 ) as a stronger brand indicator, because we use it in the web application, on nextcloud.com, on Android...
We definitely should use call-to-action buttons in every Mail.
And of course thumbnails would be nice. How realistic is this? At least filetype icons should be possible, right?

@MorrisJobke mjml looks really nice. But how would you integrate it in the development process? Or should we use it only to create responsible templates?

New User Template:

Theming:

[enoch85]

@eppfel Very nice! I like number 2 and 3 best. What do you think @jancborchardt?

[Espina2]

I prefer with round buttons, you should increase the margins on open on Nextcloud, and maybe switch to open in the browser, since nextcloud is a brand and if configure but another brand it doesnt make to much sense.

[eppfel]

Thx, for the feedback. The rounded buttons are definitively more distinctive. I'll incorporate your feedback and create drafts for different devices/screes-sizes based on 2 and 3. When we decided on the look, we can create designs for the various other templates, to see, if it works well, in all cases.

Just, realized: We didn't ping @nextcloud/designers, yet.