What's included

• Sprint Timeline

  This is an essential part of the project. A regular sprint ensures that every team member and all stakeholders are on the same page. It helps to uncover oversights that may have fallen through the cracks. It's also essential for team bonding. A weekly design sprints where we go over the project with the team of project manager, dev team, engineers, testers and other stakeholder. The timeline is tentative because of the scope of the project, as some projects would require more ideation than other till we arrive at an MVP. Week 1 - 3: We share ideas and define the approach and processes of the project Week 4 - 6: We review mood board and wireframes Week 7 - 8: Finalize on the wireframe and further edits and tweaks Week 8 - 9: User testing is performed Week 9 - 12: A final review and hand-off

• Design Mood Board

  I create mood boards to ensure that my design approach is on the same page with the client's ideas with regards the general look and feel of the product. This will include things like logos, typography, color palettes, images, sketches, and other design assets. The use of this is to give clients and other stakeholders an idea of the direction the design is going to take and also helps greatly with feedbacks.

• Wireframe

  This is closely similar to design mood board but here additional functionalities are included such as prototyping. I use this for collaborating with software developers as I ensure to can get them acquainted with how the product is going to work and look while they estimate time and specifics of the development phase, and give recommendations according to technical requirements and future product capabilities.

• Type System

  The type system defines things like the typefaces, font sizes, weight, line height, and letter spacing the design will use. It helps greatly with typography hierarchy.

• Design System

  Design systems can include design patterns, best practices, code snippets, style guides, design resources, and non-tangible things like brand values, mindsets, and beliefs. I frequently use Google's Material Design System but always consider whether the design I'm creating would benefit from an existing, recognizable design system or not.

• Mockup

  These are full-size models of devices showing how the designs will look in real life. They can help developers assess the functionality of the design, as well as the visual appeal. Mockups can also be used for showing stakeholders the design before it’s handed off to developers. They can also be used for user testing.

• Design Handoff

  A design handoff document that includes mockups, interactions, copy, accessibility validations, specs, and assets necessary for a dev team to release the product or product updates. Ideally, I always consult with developers during the design process to make sure the assets I hand off can be implemented, particularly within the timeframe and budget of the project.