Makeover Magic

Before

After



So I work for a large not-for-profit that administers educational grants. That being said, the design of sites here has to tread a fine line between really boring or really bad. But I am able to take some liberties and create some interesting sites sometimes.

One of the challenges is also that we work with the US State Department and they take the Americans with Disabilities Act very seriously. We have to make sure that our sites are as compliant as they can be and that we take web standards into account. We also have an audience that is outside of the United States. In this case, the program Scholar Rescue Fund, is targeting people that may have limited internet access and have slow connection speeds. But the audience in the US has an expectation of what the web presence should look like. To solve the problem, I took the old web site that was laden with nested tables that can really take time to load and replaced them with div tags, a single top banner and drop downs that are semantic and ADA compliant.

I also had to use the imagery and the same color palette as the original site as much as I could. The program was pleased with the results. Especially since they gave me less than a week to design, revise and implement the new website. I was so glad that it was straight HTML and no interactive pages.

Link to the before site: SRF Old
New Site:SRF New