Web design – Printed to web design (HTML/CSS)

Client: Employer – uOttawa, Registrar
Relation: In-house. Web Content and Production Supervisor
Work: Converting printed/digital collateral into accessible and responsive web design.

I was asked to create a table online to communicate the information from our university Finance your studies brochure, updated annually.

I wanted to re-create the same visual identity while making the tables accessible and the content-node responsive. Using CSS styling, I was able to do so. I’m particularly happy with having created the plus and equal symbols via entirely in CSS (instead of an image icon).

A visual example of the digital version of the Finance your studies brochure for the university (2018).
Screenshot of the Scholarships and bursaries web page.