National Wildfire Coordinating Group

NWCG.gov

My Role

  • Lead UX Designer

  • Lead UI Designer

  • Assistant Project Manager

Customer/Stakeholders

  • National Wildfire Coordinating Group

  • United States Forest Service Fire Division

  • United States Department Of Agriculture

Project Goals

  • Create a visually appealing and user-friendly Drupal 10 website that adheres to USWDS standards.

  • Ensure a seamless user experience across all pages, including the homepage, static pages, and dynamic pages.

  • Develop a flexible and scalable design system that can be easily adapted to future project needs.

Key Deliverables

1. User Interface (UI) Design:

  • Wireframes and Mockups: Create detailed wireframes and mockups that visually represent the desired layout, structure, and interactions for the website.

  • Design System: Define and implement a comprehensive design system, including color palettes, typography, icons, and components, to ensure consistency and maintainability.

  • Responsive Design: Design the website to be responsive and adaptable to various screen sizes and devices.

Key Deliverables

2. User Experience (UX) Research and Testing:

  • User Research: Conduct user research to understand the target audience's needs, preferences, and behaviors.

  • Usability Testing: Conduct usability testing to evaluate the effectiveness of the design and identify areas for improvement.

  • Accessibility: Ensure the website is accessible to users with disabilities by adhering to WCAG standards.

Key Deliverables

3. Drupal Development:

  • Drupal 10 Integration: Set up new work development environments and integrate Drupal 10 with the USWDS Drupal theme.

  • Global Elements: Define and create Drupal site global elements, such as the header and footer, based on the new design.

  • Twig Templates: Define and create Drupal Twig templates for the homepage, internal static pages, and internal dynamic pages, aligning with the approved design.

Key Deliverables

4. Collaboration and Communication:

  • Regular Check-ins: Establish regular communication channels between the design, development, and project management teams to ensure alignment and address any issues promptly.

  • Version Control: Use version control tools to manage changes to the design and codebase effectively.

Results

〰️

Results 〰️

High Level Project Initial Project Results

Project Objectives

  • Conducted a thorough analysis of the existing website to identify areas for improvement and inform the migration process.

  • Decomposed the website into manageable components to ensure a structured and efficient migration approach.

  • Selected suitable technologies, modules, and JS libraries to optimize performance and functionality within the Drupal 10 environment.

Project Execution

  • Created a dedicated development environment to streamline the migration process and minimize risks.

  • Seamlessly integrated Drupal 10 with the USWDS Drupal theme, ensuring a consistent and accessible user experience.

  • Designed and developed essential website elements (header, footer, page templates) to create a cohesive and user-friendly layout.

Enhanced User Experience

  • Successfully migrated the website to Drupal 10, providing a modern and intuitive user interface.

  • Improved website performance and scalability, leading to faster load times and better overall user experience.

  • Established a strong foundation for future website enhancements and growth, ensuring a seamless and enjoyable user journey.