UI Re-Design

Design Challenge: Re-Design the Government website for Federal Student Aid (IFAP.ed.gov)

Federal Student Aid - IFAP  Home.png

Original Website

I am sad

:(

Re-Design

  • Organization

    • this page has no hierarchy​

    • cognitive overload

    • colors feel sad/old

  • Guidelines

    • US Web Design System (USWDS) seemed like a good visual style​ to choose as this is a .gov

  • My steps

    • Card Sort​

      • I organized and sorted like information​

    • Color​

      • Once sorted I used color to keep things sorted/visually sorted

    • Icons​

      • Simple icons (with annotation) ​for visually sorting and simplifying

IFAP.png

Re-design

© 2017 by TuscanRadar Digital Media