Looking for case studies, pitches, and retrospectives? Tell me about your project for access.
A personal project to explore a modular, multi-functional civic engagement tool for individuals, communities, and organizations that also functions as a study in design systems, social layers, and data contextualization.
Brought in to quickly redesign the existing wireframes to accommodate a revamped content strategy; update the existing branding to for better accessibility and WCAG conformance; and provide final high-fidelity mock-ups, a Figma component library, and developer hand-offs with relevant HTML/CSS.
A responsive project overview landing page designed and built as part of a greater glossary system for hardware and software projects and their various histories and connections.
Simple grid prototype with various interaction points, originally designed for a content feed.
clip-path for better, cleaner border radii, especially in conjunction with transitionsoklch and color-mixcontainer to determine if/when to unwrap and marquee-ify tagsmarquee that intentionally waits a beat before animating and pauses on :hovermedia queries to determine whether card titles are line-clamped + text-overflow: ellipsis;'d or flex-wrap: wrap;
Worked with IF on multiple engagements that included updating the designs of their existing English site; providing accessibility consulting; and creating the wireframes and high-fidelity mock-ups for the mobile and desktop versions of a Brasilian Portuguese micro-site.
Uses CSS sibling-index() function that creates a sparkle effect across the celestial objects that make up some of the major constellations. Animates the SVG's paths between these objects to show the inferred final shape.