Make sure you work with the stakeholder on collecting everything you may need for this project. Fore more details on questions, click here.
2. Establish due dates with project manager
Make sure you understand what the due date is for the final design deliverable, in addition to creating a deadline for the first draft feedback.
3. Competitive + inspiration research**
Before beginning on designs make sure you spend time researching ideas while following the design system guidelines. View guidelines here.
4. Design a first draft mockup (desktop, tablet, mobile)**
Design a first draft using the design system principles for both desktop and mobile devices. Make sure to follow these size dimensions for each device. Make sure you collaborate with content, SEO and development on any technical needs.
5. Share with stakeholder for feedback
Provide a link to the stakeholder for quick feedback on any major changes. If content changes come in - please notify the copywriter on your project prior to make any changes.
6. Present XD doc to data, dev QA team
Provide/present XD review link to the data team to add in data layer requirements for development prior to hand off - and please send to the QA team once it's finalized so they have a high level understanding of what they should QA.
7. Prepare assets with animation/micro-animation examples**
Make sure all assets are exportable in XD, images should be compressed, content is provided, hover states are represented, and any additional animations such as sticky navigations/footers or modals are clearly distinguished.
8.Hand off XD dev and review links to the developer ticket
When providing the XD links to the developer ticket - ask the developer if they want to be walked through the XD links to better understand each component in addition to answering any questions they may have.
9. Add XD link to the XD repository
Use the link below to add your XD links to the documentation for future reference or in the XD slack channel.