UX/UI Refresh

Categories
UX design Website development
Skills
ui/ux planning ui/ux research web ui design web design ui/ux wireframing digital mockup
Project scope

What is the main goal for this project?


Organization Description: [Please share any context around your organization and how this project coincides with wider Organizational goals]


Project Overview:

This project focuses on improving the user interface (UI) and user experience (UX) of [Employer]’s existing digital platform—such as a website, landing page, or service portal. Learners will conduct a UX audit, develop new layout concepts, and produce mobile-friendly, accessible designs that support greater engagement from donors, volunteers, or clients.


Project Duration: 6 Weeks

Project Hours: 150

Project Hours Per Learner: 30

What tasks will learners need to complete to achieve the project goal?

Project Scope & Expectations:

Learners will engage in:

  • Reviewing the organization’s current website or platform to identify UX/UI gaps and usability issues. 
  • Conducting lightweight user research and translate findings into actionable design improvements. 
  • Creating updated wireframes and mockups using Canva, Figma, or Adobe XD. 
  • They will optimize mobile responsiveness and verify accessibility (ADA/WCAG compliance).
  • Learners will deliver a final design system and developer-ready handoff package.


Project Timeline & Deliverables:

Week 1: Project Kickoff & UX Audit (~2 hours per learner)

  • Employer and learner introductions
  • Review of existing digital platform and primary user flows
  • Define key user personas and use cases
  • Conduct a basic UX and accessibility audit using free tools

Week 2: Wireframes & Visual Concepting (~4 hours per learner)

  • Create low-fidelity wireframes and layout sketches for proposed improvements
  • Propose updated page structure and navigation flow

Deliverable: Low-Fidelity Wireframes (submitted via PDF, Figma, or Canva) Wireframe sketches and user flow diagrams (shared via design tool or PDF export)

Week 3: High-Fidelity Design Mockups (~6 hours per learner)

  • Build visual mockups for core pages using Canva, Figma, or Adobe XD
  • Apply the organization’s branding, color schemes, and design standards
  • High-fidelity interactive prototype (shared via Figma, Adobe XD, or PDF export)

Week 4: Feedback Loop & Design Revisions (~6 hours per learner)

  • Present mockups to employer stakeholders for feedback 
  • Iterate based on employer input and document design decisions
  • Usability testing report (shared via PDF or slide deck)

Week 5: Accessibility & Mobile Design Enhancements (~6 hours per learner)

  • Adjust designs to ensure full mobile responsiveness 
  • Perform ADA/WCAG accessibility checks using tools like WAVE or Stark
  • Final UX prototype (shared via Figma or Adobe XD link)

Week 6: Final Handoff & Design Guide (~6 hours per learner)

  • Finalize design files and provide developer-ready documentation (e.g., spacing, fonts, color usage) 
  • Present final project outcomes to the employer
  • Final UX report, presentation deck, and design handoff files (shared via PDF and/or Figma developer-ready link)


Final Deliverables:

  • UX Audit & Research Summary 
  • Low- and High-Fidelity Wireframes and Mockups
  • Accessibility Review Checklist 
  • Final Design System & Handoff Package
  • Summary Presentation Deck


Working Expectations:

Learners are expected to receive practical real world job experience in exchange for completion of tangible deliverables of a successfully completed project. Employers are expected to provide mentorship, guidance, and clear expectations to students and regular communication with the AscentUP team.

We use cookies to enhance your experience. By continuing to visit this site you agree to our use of cookies. Cookie Policy.