Skip to main content
Maria Silva
← Back to Work

Designing Resource & Donation Pages for a College Institution

Web DesignWeb DevAccessibility

Contributing to an existing design system

This client had a well-defined Figma file with established styles and components. My role was to design new page templates that felt native to their existing system, reusing components wherever possible and creating new ones only where the content genuinely required it.

Figma screenshot of the blog page design
Figma screenshot of the blog page design

Designing for different content types

The client needed four distinct resource page types — audio, video, link posts, and long-form articles — each designed around its specific context rather than a one-size-fits-all layout. All four share a consistent header structure and end with a Related Resources row.

Process and collaboration

The early stages of the project had some turbulence due to conflicting feedback from the client's team. Once that was resolved, the collaboration became smooth and productive, and after multiple rounds of feedback the client was very happy with the results.

Donations Page

A follow-on project months later: a donations page embedding an existing third-party form. I reused an existing card slider component for surrounding content, designed a custom hero banner to frame the form, and flagged form field ordering improvements beyond the original brief.

Donations page designs
Figma screenshot of two image options for the donations page

Let's Get
in Touch

Open for full-time roles, freelance projects, and interesting collaborations.