Highlander Boys of Denver is a Boys Club founded in 1916 by George W. Olinger.
Approached by the Highlander Boys club with the challenge to redesign an existing website last updated in 2011, I got to work.
Role:
UX Designer – Solo Project
Timeframe:
16 Hours
problem statement:
The Highlander Boys Club of Denver need a better way to showcase content, navigate through the site, and manipulate the existing content. The current site is inaccessible behind a legacy system, and the content is difficult to browse through.
Never Ending Pages
Due to nonexistent titles, large sections of blue text, and the only break in information was images, the pages seemed endless.
The previous website was dated and unappealing to read
Paired with yellow shadowed headers and blue paragraph text, the website was difficult to scan.
Final Designs
HighlanderBoys.org is a historical website dedicated to recording information related to the Highlander Boys of Denver through clean, simple organization and imagery.
Solution:
The first inhibitor with the pre-existing site was the seemingly never-ending images and text. The first task at hand was to card-sort the content on the website in order to navigate across the site easily. The different categories were; overall history, the Temple of Youth, the camp at Carter Lake, images, and the reunion that occurred in 2011. By splitting up the history of the Highlander Boys and creating an Album page, I was able to create a visual/mental break in the information.
Another distracting aspect was the color palette of the website, previously the site had Gold shadowed headers and blue italic paragraph text. This dated stylistic approach made the previous site difficult to scan and read the content. In my redesign, I used yellow and blue sparingly. Colors were used as an accent, rather than a centerpiece.
My client wanted to continue using the original hosting site IONOS, which resulted in some challenges for me as a designer. It was a new system to maneuver and the website builder function was extremely rigid and non-customizable. The process to add new sections was confusing and did not allow for a lot of maneuverability.
By the end of the website redesign, I delivered the client a clean website where Highlander Boy Alumni, family, and friends are able to reflect. Since we have completed the website redesign, we have had many submissions of documentation from the Highlander Boys club from families.
Next Steps:
We are in the next steps of documenting historic Highlander Boy newsletters to the website, and we always welcome to new additions to the website.