CFCU goverment website

This project involved the full redesign of a government services website, with a strong focus on accessibility, mobile responsiveness, and modern visual design. The existing platform was outdated, difficult to navigate, and not optimized for mobile users — especially problematic for citizens trying to access essential information or services.

I created both desktop and mobile versions of the new design, ensuring it met modern usability standards, improved trust and clarity, and followed responsive best practices.


  • UI/UX Designer (or Product Designer / Frontend Dev — choose your real role)

  • Led the responsive redesign from wireframes to final UI

  • Focused on mobile-first principles to ensure accessibility for all users

  • Collaborated with stakeholders or developers (if applicable)


Key Goals:

  • Improve information hierarchy and reduce navigation friction

  • Create a modern, clean, and authoritative visual identity

  • Ensure full responsiveness across mobile, tablet, and desktop

  • Adhere to WCAG accessibility and usability guidelines

  • Increase trust, clarity, and ease of access for government resources


Desktop & Mobile Highlights:

Desktop:

  • Redesigned homepage with quick links to services and news

  • Accessible navigation with dropdowns and keyboard support

  • Emphasis on clarity, space, and readability

Mobile:

  • Simplified menu and layout for small screens

  • Touch-friendly forms and interactions

  • Prioritized fast load times and performance


Tools Used:

  • Figma – UI design & responsive layout creation

  • Adobe XD / Sketch / Webflow (if applicable)

  • Design System: Modular components for buttons, alerts, forms, etc.

  • Accessibility plugins / audits: Stark, Axe, or manual review


Outcome:

  • Delivered a modern, accessible, and responsive web platform

  • Improved UX for both citizens and internal government teams

  • Positioned the government brand as credible, service-oriented, and digitally modern