Web Design

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.

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.

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

Landing page for Iron.io startup program.