Deloitte Project Design Process
Please note that design images have not been included due to strict confidentiality guidelines.
1. Understand the Goal
- Begin by understanding the user stories provided by the business team.
- Collaborate with the business team to clarify requirements and expectations for each page.
- Ensure a clear understanding of the goals, functionalities, and user needs.
- (Include relevant images or visuals here to illustrate this step.)
2. Research Similar Web Applications
- Conduct research on similar web applications to understand industry standards and functional design approaches.
- Document findings, including:
- Features
- UI/UX patterns
- Potential improvements
3. Research Design Patterns
- Explore various design patterns, focusing on components like:
- Tables
- Forms
- Dashboards
- Collect references and analyze how designs enhance usability and user flow.
4. Create Rough Designs
- Start with pen and paper sketches or low-fidelity wireframes to:
- Plan the layout and structure for each page.
- Define basic content placement and user flow.
5. Build Designs in Adobe XD
- Import wireframes into Adobe XD.
- Develop high-fidelity designs using Deloitte’s existing design system, ensuring consistency with:
- Typography
- Colors
- Components
- Spacing and grid systems.
- Maintain alignment with the brand guidelines.
6. Review and Iterate
- Share the initial designs with the business team for feedback.
- Gather input, document suggestions, and make iterations to refine the designs.
- Ensure the designs align with business goals and user needs.
7. Prototype
- Develop an interactive prototype in Adobe XD:
- Link pages to showcase user flows and interactions.
- Validate the design for usability and clarity.
- Share the prototype with the team for final reviews before moving to development.
