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).
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!
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