Web Design
Entering my senior year, lhsbudget.com was very one-dimensional in its design. I wanted to use different formats to allow the site's design to cater to the content, while still maintaining a classic and easy-to-use interface that helps keep the website accessible.
​
View the web and social media section for more examples of web design.
​
Click the photo to go to the web page and experience the full design of each page.
When I and a couple of other staffers and editors decided to put together a comprehensive preview of the intense LHS vs. FSHS football rivalry, we wanted to run a few different pieces covering what we had identified as the biggest stories.
​We wanted to keep all the stories on one, easy-to-access page so that viewers could get all they needed before the big game at one spot.
​To achieve this, I used the SNO side-by-side feature to allow the different stories to run together and clearly show the different storylines for the game.
While covering the proposed gymnastics team cuts and following protests, we wanted to be able to incorporate a wide array of coverage we had done this year and in previous ones.
​We used SNO's grid story feature, which allows multiple stories to be linked to each other in a grid format.
​For the container story, we used the main story written the day of the protest and used the grid feature to link to reporting from earlier that week and past reporting on the gymnastics team's success and a similar budget issue and its effect on the gymnastics team from multiple years ago.
​This design not only presented the stories well, but allowed readers quick access to previous coverage on the same issue.
After writing a long piece on music classes and their impact on students, I wrestled with how to present it best on our website. The story was long, and I wanted to find ways to keep the reader visually engaged for the whole story.
​I did this through the use of SNO's long form story option. It allowed me to break the story into smaller sections that made the long piece more manageable for readers.
Partnering this with a clean design and the use of pull quotes and frequent pictures, kept the story from having long stretches of words with no visual engagement.