Web Design

Block-based story editor and reader for creating interactive Irish language learning content with embedded vocabulary, games, music notation, and more.

100+ components and patterns built to create a consistent experience across the Love.irish app and website. Follows the atomic design methodology including everything from buttons, dropcaps, content to templates and built using React, Tailwind CSS and Storybook.

Created to help streamline brainstorming and sketches, represent patterns in the design system and used through the app to provide live-updating lofi components. Built using React and Tailwind CSS.

New ecommerce site for Love.irish to sell Irish language products including books, clothing and accessories.

Part of the arcade, this is a fun matcher game to practice Irish vocab while earning rewards for doing so.

Interview page design featuring conversations with Irish language speakers and learners for the Love.irish platform.

Custom reward system for Love.irish where you can unlock avatars by completing quests and activities on the site. Built using React and Tailwind CSS and extends the internal system design to reduce the need for a lot of custom types while reusing collections for inventory system.

Test your Irish with daily riddles where you select words from the codex or cast spells to solve it and earn rewards like avatars and banners to customize your profile. Built using React and Tailwind CSS.

Ogham stone which can be signed like a guestbook including calendar events which can only be signed during the celebration.

Special events on the site have their own page with more information about what it is, how to participate and related links. Built using React and Tailwind CSS.

Customizable profile page where you can show off your avatars, banners and profile information. Built using React and Tailwind CSS.

Dynamic resource page showing different types like codex records, collections and topics.

UI design exploration for the daily challenge feature in the Love.irish Irish language learning app.

Designed a pattern library for The Information's mobile site and built the templates in the app

Homepage design and development for The Information, a tech-focused subscription news publication.

Landing page for Iron.io startup program.

Homepage design for Sprk.platform, a web-based creative tools platform.

Interface design for a guided workout feature, helping users through exercise sets with clear visual cues.

Mobile app design for a fitness tracking application, featuring workout logging and progress visualization.