UX mockups for branded Coming Soon holding page

empowerhack / DrawMyLife-Website

A website showcasing the Draw My Life initiative, partnerships and team

http://drawmylife.org/

2 stars 1 forks source link

UX mockups for branded Coming Soon holding page #48

Closed krissy closed 7 years ago

krissy commented 7 years ago

What

Now we have a confirmed domain drawmylife.org, we want to point it to a branded holding page for comms while the team site is being built. This ticket covers UX design of this page that devs can use for build reference.

To Do

@rocioleon @EChesters to have initial chat and coordinate on this.

rocioleon commented 7 years ago

Desktop and mobile devices design

rocioleon commented 7 years ago

dml-cover-page-03 dml-cover-page-04-hover-effect

rocioleon commented 7 years ago

I thought we could include a 'Get Notified' button which popup a simple dialog to collect email address and name (which I haven't done yet in case this is not what we want). By doing this, we get database and measure how many people are interesting in this project for further promotion.

rocioleon commented 7 years ago

@CathMollie, please check text to keep consistency with your copy

NOte: the drawing is an edited version. Can we use it? Otherwise I need to know what type of imagery we have available for the web

CathMollie commented 7 years ago

Hi @rocioleon this looks great.

we still need to confirm our tagline. Shameful that I forgot about this cos @echesters started work on this.
Drawing is anonymised so fine but I also think looks good without.
Great idea on mailing list.

krissy commented 7 years ago

Thanks @rocioleon! This looks great :D

We made some progress on this in #49 and also have a couple of questions:

Do we have any wireframes for the mobile/responsive view of this page? The background image doesn't quite work on small, vertical screens.
We don't have a mechanism just yet to collect addresses for a mailing list, and we didn't think / are hoping the holding page will not be up for very long to warrant the effort to configure this, so we thought a nice middle ground will be the button turning into a Contact Us and linking to our email address. What do you think of this fallback?

rocioleon commented 7 years ago

@krissy

There is not responsive wireframe at the moment because I needed to ensure that we are happy with it and we can use that image. I will work on it this week.
I thought it could be difficult to set up the mailing list but better to ask in any case. I am happy with the decision you guys make about it.

krissy commented 7 years ago

Thanks @rocioleon, looking forward to see the responsive design!

rocioleon commented 7 years ago

Hi team, After re-visit the imagery we are using currently in other documents and presentations, I thought it would make more sense to keep consistency across all DML points.

To be completed by developer and anyone else who can help with the following:

Include EmpowerHack logo in white and link to website
Complete footer with copyright and any formal information that needs to be included as terms and conditions if needed
Photo source: Credit Rachel Unkovic International Rescue Committee Flickr
Text on screen needs to be reviewed and sign off by Cath as she is the one doing the copy

### Design for Desktop +1200, portrait tablet and portrait phone Please note that I've exported the files with Axure and it is not very good at that so quality is low but the real preview it looks good, promise!!

dml-cover-desktop 1200 dml-cover-portrait-phone dml-cover-portrait-tablet

All files including psd. in case you guys need to amend anything else

https://drive.google.com/drive/folders/0BywYxaOTU-6uMUVpbU4yLUVUT00

krissy commented 7 years ago

Really great work @rocioleon, thanks for the detail. :+1:

krissy commented 7 years ago

Done 🙌