
Coding against the clock: lessons from my midterm
I took an interactive design course as a graduate student in the University of Maryland's journalism program. For our midterm assignment, we were tasked with selecting one of five shared stories and building a responsive web page based on it — while racing against the clock. Like many creatives, mastering the art of letting go is a lifelong pursuit, balancing perfection in pursuit of *the vision* with the reality of meeting deadlines. This duality was central to my experience with this assignment. Here are some lessons from my midterm.
Assignment parameters:
- Find independently sourced multimedia elements
- UX/UI design
- Layout
- Good use of white space
- Color scheme
- Tags
- Image sizing & captions
- Clean code structure
- Responsive design
- SEO principles
- Headline
- Meta description
- Custom Google Font
- Pull quote (callout)
My process
I began by skimming the story options provided by our professor. The science-themed topic about the best locations to watch the 2024 solar eclipse caught my eye, aligning with my personal interests.
I started by sketching a rough wireframe, which, honestly, looked more like chicken scratches than anything resembling a website. But it gave me a starting point to begin building the site.
Next, I created a basic CSS style sheet, adding foundational elements like the heading, subheading and font types. Once I felt comfortable with the general direction, I turned my focus to sourcing multimedia components to complement the story. This included finding a feature image and gathering resources like NASA's videos and graphics about the solar eclipse.
At this point, I made a short-sighted decision: I opted to source 20 public domain images to complement each location referenced in the story. This proved to be far more time-consuming and difficult that I had anticipated. And I realized my mistake too late in the process.

Faced with a ticking clock, I had two options: to finish the template with all the images and risk submitting my assignment past the deadline, or quickly code a new, more simplistic layout without the imagery. Ultimately, I decided to stick with my original vision. It was more important to me to create a better design and practice my skills, even if it meant sacrificing a few points for being late.
In the end, I completed a page with room for improvement. Considering the time constraints, and the scope I set myself up for, I was satisfied with how it turned out. I received an A- on the assignment, and my professor deducted 2 points for a late submission instead of 5.
"I think you spent more time on certain things than you probably should have - only in the interest of making it better. :-)", my professor commented.