Logo diagram Three colors of the color palette. Front and back of business card.

Website

Lavelle website on desktop, tablet, and mobile screens.

The website underwent a substantial overhaul in communicating the funds reach, impact, and presence among similar organizations. The website meets stringent WCAG accessibility guidelines, featuring a comprehensive Accessibility Menu to enable users to change several aspects of the site’s visual presentation to suite their needs. Complementing the visual identity, we chose a humanist body typography (Robert Slimbach’s Cronos Pro) and strong sans-serif headline typeface (Rui Abreu’s Usual). And functionally, we upgraded the organization and UX of viewing and searching for awarded grants. Case study coming soon.

Development:

Medium Rare Interactive

Live Site:

lavellefund.org

Accessibility menu on the website. Accessibility menu on the website in yellow and black option.

Awarded grants screen with cards of grants and filter menu on left. Awarded grants screen on mobile size with several options hidden in a More Details accordion UI.