Before you start to review the attached wireframe. Is there a style guide or creative brief relevant to this page? After thoroughly reviewing both, check this done. If neither applies to this page, move on to the next step.
1
I've reviewed the creative brief attached to this project and It makes sense.
2
I've looked through the style guide and know how the guidelines will apply to the wireframe.
3
I've reviewed the wireframe and understand the elements and comments fully or have scheduled a call with the GDD lead to get clarification in certain areas.
4
Enough with the checklists. I'm ready to start designing something remarkable!
Review All files required for this task (Wireframe, Moodboard, Asset folder, Fonts files, Logos). If you're missing anything of these files and you need them to get started contact the GDD ASAP
1
Complete File Review
2
Create the first key element on the page in design tool of choice upload it to this checklist for review.
The "Key Element" of a page design will be defined as the section that kicks off the design. For most key pages that will be the masthead. Upload the section design comp below and move on to the next step.
1
Create first look comp in design tool of choice
2
Upload to InVision & send link to GDD lead for Review
3
Check Comments and Tour Points / Implement revision & Polish
4
Send to GDD lead for Final Design Review with the client.
5
Final Revision
6
Package all design assets & deliver them to the Dev assigned to the project.
7
Add Code Spec (If applicable) via Tour Points to each module in the design. This can include, testimonial count, alternative layouts, background image size, Ability to turn portions of the module on/off, etc.
8
Mark yourself done (Do your happy dance)
Key-page Template Build in Hubspot
Review the Design Package from the designer. Do you have everything you need to start framing the page in HTML, CSS & JS. If not stop now and get the designer (preferably) or GDD lead on the phone to discuss any questions you have.
1
Review the Design sent from the Designer. (Make notes for yourself)
2
Sync Local Setup with the appropriate Git Repo.
3
Develop
4
Create any new custom modules locally
5
Internal Review via Local tunnel / Ask questions
6
Reiterate / Implement feedback
7
Submit final code as PR to staging branch
8
Add template to staging.leanlabs.info:8080
9
Internal review of staging
10
Client Review & Presentation
11
Final Polish before deployment.
12
Deploy to Hubspot CRM
13
BrowserStack Usability Testing. Latest Version of Internet Explorer + All common browsers across Desktop & Mobile)
