work

My work focuses on building clear, accessible web experiences that help organizations communicate complex information.

As a developer, my strengths include prototyping in the browser with semantic HTML, CSS, JavaScript, React, and Tailwind CSS.

As a designer, when I'm not creating layouts or prototypes in Figma, I'm comfortable performing UX research and conducting user testing.

For all things scrappy, I've used tools like WordPress and Squarespace to help teams find creative solutions to their business needs, and I use data from a variety of sources to make digital strategy recommendations.

currently

I'm a Digital Content Coordinator with the University of Alberta's Digital + Creative Centre of Expertise team (under External Relations). Think of Digital + Creative as the university's in-house digital agency. I work cross-functionally with marketing and communications to help design, maintain, and improve the large institutional websites that the University of Alberta serves to students, staff, and the public. Much of my work involves translating complex institutional information into web interfaces that are simple and usable; I use tools like Figma, Bootstrap, and Cascade CMS to rapidly build experiences that support the university's faculties, departments, and research groups in achieving their strategic marketing goals.

University of Alberta Admissions: Embedded Undergraduate Certificates

I designed and built a new web layout for the University of Alberta's Embedded Undergraduate Certificates.
Tools: Figma (design), Cascade, Bootstrap (development)

Alberta Land Institute: Research Projects

I put on my 'developer-who-designs' hat to help a U of A affiliated research group display their scientific data in a more user-friendly way.
Tools: Cascade + Bootstrap (design + development)

Faculty of Engineering: Master's in Construction Engineering and Management Landing Page

Even when marketing plans change and your landing page designs don't make it to deployment, it's still a lovely experience to design that could be used in later work.
Tools: Figma (design)

UCL Dashboard

A more thoughtful way to interact with Champions League match data for your favourite team.
Tools: JavaScript, OneFootball API, Tailwind CSS (development)

MLA Lookup

A new way of thinking about Alberta Elections "Who's My MLA?" tool.
Tools: React, Tailwind, Vercel, Python

previously

I was the first website manager for UrbanYEG, the photography and mental health community group. I designed and built its WordPress site, maintained backups and managed site security, and helped with content migration.

I was a freelance web designer and developer for a variety of clients, including small businesses, photographers, influencers, bloggers, and non-profits. I built custom WordPress themes and Squarespace sites, and I used data from Google Analytics and other sources to make recommendations for improving site performance.

I worked as a technical Digital Marketing Specialist for Breathe Outdoors where my main role was building out custom landing pages for brands carried in store as well as special sale periods. My role here was a mix of browser page development (using Magento CMS, CSS, JavaScript, and the occasional Python script), design thinking and strategy for digital marketing campaigns, and finding inventive solutions to inspire a diverse demographic with the love for the outdoors.

I was a software development intern in early 2020 with the Alberta Language Technology Lab (ALT Lab) before becoming a full time frontend UX developer with the team. In my time with ALT Lab, I worked in an Agile manner to help build a redesigned version of the Itwêwina Cree-English Dictionary. My design tasks had me performing UX research and design ideation with pencil and paper sketches, the occasional whiteboard demo over Zoom, creating low-fidelity mockups, and building high-fidelity mockups in Adobe XD. As a frontend developer, I used Cypress, Django, Python, and JavaScript for testing and development in order to create a new visual experience for the dictionary's search results pages, word entry pages, and the audio playback feature for word entries.

Itwewina Cree English Dictionary

A redesigned interface for a Cree-English dictionary.
Tools: Adobe XD (design), Python, JavaScript, Web APIs (Audio) (development)