Project

General

Profile

Actions

Design/UX #20578

open

Design/UX #20575: Registration and Login Redesign

Registration confirmation email

Added by Colin McDonald 4 months ago. Updated about 1 month ago.

Status:
New
Priority name:
Normal
Assignee:
Category name:
Registration
Target version:
Start date:
2024-07-12
Due date:
% Done:

0%

Estimated time:
Deployment actions:

Description

This is for the email one receives right after successfully registering, which contains the activation link. See attached screenshot for its current state. We've already discussed possibilities for custom HTML or skins for this email.


Files

Email - Register.png (121 KB) Email - Register.png Sara Cannon, 2024-08-06 12:05 PM
CUNY-Email-Header.png (64 KB) CUNY-Email-Header.png Sara Cannon, 2024-10-09 01:00 PM
Screenshot_2024-10-16_13-23-49.png (64.9 KB) Screenshot_2024-10-16_13-23-49.png Gmail web, with images disabled Boone Gorges, 2024-10-16 02:27 PM
Screenshot_2024-10-16_13-20-57.png (138 KB) Screenshot_2024-10-16_13-20-57.png Gmail web, with images enabled Boone Gorges, 2024-10-16 02:27 PM
Screenshot_2024-10-16_13-27-46.png (149 KB) Screenshot_2024-10-16_13-27-46.png Thunderbird - Linux Boone Gorges, 2024-10-16 02:27 PM
2024-10-16 13.21.54.jpg (387 KB) 2024-10-16 13.21.54.jpg Android Gmail app, dark mode Boone Gorges, 2024-10-16 02:29 PM
Screenshot_2024-10-16_13-30-39.png (39 KB) Screenshot_2024-10-16_13-30-39.png WPMU "New User" email Boone Gorges, 2024-10-16 02:30 PM
Actions #1

Updated by Colin McDonald 4 months ago

  • Tracker changed from Feature to Design/UX
Actions #2

Updated by Sara Cannon 4 months ago

Attached is an email design for the registration confirmation email. I understand if we are limited in how we can style it

Actions #3

Updated by Boone Gorges about 1 month ago

Sara, could you please provide a rendered version of the header? On a web page, I might have a big "squiggle" image that expands with the parent container, and position a transparent logo in the middle. But for the purposes of email, I think we need a single fixed-dimension image that combines the squiggle with the overlaid logo. In emails, we'll probably limit its width to 800px or so, but perhaps you could give me one 1000 or 1200px wide.

Actions #4

Updated by Sara Cannon about 1 month ago

here's a 800px wide header

Actions #5

Updated by Boone Gorges about 1 month ago

Hi all - I've got a first pass at this email ready to test on cdev. Some of the links might not be 100% accurate, but this should be enough for us to gauge design.

I've attached a few screenshots to show you behavior across a couple different platforms and scenarios. Note that, in particular, email clients can't reliably load custom fonts. We are also using a fixed table width across devices because there's not reliable support for media queries across clients. IMO this looks pretty readable on narrow screens, but it would be helpful for Sara to take a look.

There are still lots of parts of the email flow that have to be looked at. One that jumps out for me, which is closely linked to this ticket, is that two emails are in fact sent on activation: the 'Welcome' email described here, and one from WPMU called "New CUNY Academic Commons User". I was going to disable the latter, but then I thought it might be worth reconsidering, since it includes information about the chosen username. Do we want to keep both? Or should we fold that information into the other email somehow?

Actions #6

Updated by Boone Gorges about 1 month ago

I realize now that this specific ticket may be about the email you get just prior to registration. Oops :-D That one is also available to test, though note that I haven't yet made the changes to the /activate/ page described in #20579.

Actions

Also available in: Atom PDF