Popsicle Summer!

This is a codepen demo of the new summer theme I developed for erima.me. Last year I was working on a new project that had a totally 80's theme. I shelved it and worked on this site instead. After redesigning my site a few weeks ago I felt it needed more vaporwave aesthetic and here we are.

You can download the source code on Github, it's a Drupal 8 theme. 

Case Study: New Visitor Onboarding UX

Getting people to understand what OCW offers while we had their attention is a challenge. A Publication Manager (PM) and I teamed up to create an onboarding experience that would help new visitors to get around OCW and understand what is offered.

Case Study: Screen Reader Accessibility

Someone visiting OCW using screen reader software would be given a sub-par experience: the screen reader would announce the site header, top navigation menu, and then, the footer menu, skipping the main content of a course, or its sub-section navigation. While there were ways to get to the content, they were not easy or user-friendly. Due to the nature of the site layout, changes to the visual design would be necessary, but it could not appear any different after the project ended.

Case Study: Incorporate MITx courses on OCW

OCW is designed around types of content: syllabi, readings, lecture videos, assignments, etc. The edX course platform was built with an entirely different site architecture than OCW. edX is designed around course progress: course text, quizzes, videos, etc, separated into time-based sequential units. When an MITx course ended, it would be taken down, unavailable to people who took the course and anyone else, unlike OCW which keeps courses up in perpetuity.

Road Trip Mix

A CSS Grid replication of the 90's Memorex cassette tape label.

Barebones CSS Grid

I made this barebones CSS Grid layout to see how little markup is required compared to the traditional CSS layout methods. It could be simpler too – I wanted to include named areas because I think it's absolutely brilliant.

Subscribe to