Skip to content

Create Dev-Ready Designs for Public/Logged Out Pages #168

@CathMollie

Description

@CathMollie

What

Journey: Users of the DML Upload and Admin web app are invited to an organisation via email from an Org Admin (currently Super-admin). They create a password and log into the live app where they see uploaded drawings from their fellow organisation members. They can also reset their password.

There is a set of wireframes for these pages (below). These don't use any of the DML styles so a front-ender may struggle to apply them.
The prompts to user (e.g. password reset message) also need a language check to ensure we're following good UX practice.

We need to update these pages to show the final design, so a developer can code them. For a good example of how this can be done, see Coming Soon page (see below).

How

Current wireframes
This shows the basic user journey. See OnBoarding PDF.
https://drive.google.com/drive/folders/0BywYxaOTU-6uSmVqRm5ZNHAzX2c
Please review/simplify the current prompts to user so these follow standard UX practices.

DML Style guide
All info on colours and fonts are here. See Style Guide jpeg. Please apply these to the current designs.
https://drive.google.com/drive/u/0/folders/0BywYxaOTU-6uTHlGRDBYcVFpVzQ

Good example of what we need
See the Coming Soon page (desktop and portrait covers) we developed for the DML Website. This was made for a different project, but the pages are a good example of what we need here.
https://drive.google.com/drive/folders/0BywYxaOTU-6uMUVpbU4yLUVUT00

Tools to use
Zeplin is a great tool for creating dev-ready designs with embedded info on callouts, fonts, positioning, colours, etc. But use whichever tool works for you!

Considerations

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions