Understanding that locating food resources was crucial for users, I developed a custom interactive map. I designed this feature to help people easily find food banks, pantries, and other food access points across Mendocino County. This directly supported the organization's goal of improving food accessibility in the community.

To empower the Mendo Food Network team, I implemented Sanity.io CMS with Vercel's incremental static regeneration. This setup allows the staff to update content in real-time with a visual editor. I chose Next.js and React Server Components to ensure fast page loads and maintain good SEO performance, balancing ease of use for the client with a smooth experience for site visitors.

Recognizing the importance of donations for Mendo Food Network, I integrated Stripe for handling contributions and built custom webhooks to provide communication between Stripe and their CRM. I set up the system to allow both one-time and recurring donations to various campaigns, giving the organization flexible options for fundraising.

To create a secure space for board members, I implemented Firebase Authentication. This allows authorized users to access protected pages like the board resources portal. Within this portal, I integrated the Google Calendar API to display upcoming events and meetings, streamlining communication for board members.

I chose to use TypeScript throughout the project to ensure code quality and maintainability. This decision helps catch errors early in the development process and makes it easier to scale and modify the site in the future.

To bring the site to life, I created various animated elements. For complex animations like our logo, I used After Effects and imported them into the site. For other elements, I used Framer-motion to create dynamic, code-based animations. This approach allowed me to balance performance with visual appeal.

I implemented React Server Components and Incremental Static Regeneration (ISR) in combination with Sanity.io CMS. This setup allows for fast page loads while still enabling dynamic content updates. It was a strategic choice to showcase our technical capabilities while ensuring an efficient content management process.

I built the entire project using TypeScript to ensure code quality and maintainability. This choice reflects our studio's commitment to creating robust, scalable solutions for our clients.

I developed a comprehensive design system in Figma, which allowed for efficient iterations based on client feedback. This approach helped me establish a cohesive visual language for the site and set up a framework that could easily accommodate future expansions.

To streamline the reservation process, I integrated Innroad's booking engine API. This allows visitors to book lodging and tours directly through the website, enhancing the lighthouse's online booking capabilities and potentially increasing revenue.

Understanding that the lighthouse staff needed an easy way to manage content, I implemented a tailored CMS using Sanity.io. I designed the interface to be intuitive, allowing non-technical staff to update content, manage events, and control various aspects of the site without requiring extensive training.

To enable direct sales, I integrated Shopify into the website. This required careful planning of the user flow, inventory management, and secure payment processing. The result is a seamless shopping experience that allows customers to browse and purchase Mendocino Spirits products directly from the site.

I chose to build the site with Next.js and host it on Vercel to ensure optimal performance and scalability. By leveraging server-side rendering and static site generation where appropriate, I was able to create a fast, responsive site with improved search engine visibility.

In addition to web development, I created handpainted label illustrations for Mendocino Spirits' product line. This allowed me to extend the brand identity into the physical product design. I then incorporated these illustrations into the website design, creating a cohesive visual experience across all brand touchpoints.

I created detailed prototypes in Figma, paying special attention to accessibility and ease of use for the senior demographic. This process helped me refine the user interface and create a design system that could easily accommodate future site expansions.

To keep the community informed about events and activities, I implemented a calendar system using the Google Calendar API. This allows staff to manage events through their familiar Google Calendar interface while automatically updating the website, ensuring that event information is always current.

I implemented a custom CMS using Sanity.io, designing it to be intuitive for non-technical staff. This system allows easy updates to website content, addition of new resources, and management of various sections of the site. My goal was to create a flexible, user-friendly backend that would support efficient content management for the Redwood Coast Seniors team.