Bay Islands Archives by Asha WillsBay Islands Archives by Asha Wills

Bay Islands Archives

Asha Wills

Asha Wills

Designing & Developing The Bay Islands Archives

Role: Web Designer & Developer Timeline: ~2 months, Late June 2025 - Early August 2025 Client: Zanolee Grant, Bay Islands community archivist

Overview

The Bay Islands Archives is a digital repository preserving and sharing the history of the Bay Islands of Honduras. The client, a community archivist and researcher, wanted a site that could act as a home for stories, media, and records of the people of the islands. A tool for people back home to engage with their history while making it accessible to future generations.
I was hired to bring this idea to life from design to development: a clean, responsive website, a CMS for managing archive entries, filtering systems, and an interactive map connecting stories to specific locations. The biggest priority was functionality. The site needed to work seamlessly on mobile devices and remain simple enough for less tech-savvy users, since much of the audience would be islanders accessing the site on their phones.
This was a milestone project. My first return client. I had worked with her a year earlier, and the fact that she came back confirmed people trusted my design eye and ability to get things done. This was the project that pushed me into freelancing for real.

Background

Zanolee began the Bay Islands Archives to address a growing concern: much of the community's history was being lost or scattered. After 12 years of research gathering photos, videos, texts, and interviewing multiple Bay Islanders, she had collected all this information. It only made sense to create a home for it, allowing others to access and contribute.
The site needed to:
Provide an organized, mobile-friendly hub for video, audio, and written archives
Allow new content submissions through a CMS
Include filtering, tagging, and an interactive map for exploring stories by place

The Problem

I had only ever done UI/UX design before, never built a website from scratch. While I was confident in my ability to design the site, my client wanted advanced features—a CMS, filtering/tagging system, and interactive map—none of which I'd implemented before.
This was also my first time handling an entire web project for a paying client. I was stepping into new territory in every direction: design, development, hosting, and ongoing maintenance.
The real challenge was turning a polished prototype into a living, functional site while teaching myself the tools and frameworks as I went.

My Approach

The strategy balanced functionality and design. The archive needed to feel professional and visually appealing, but the audience required simplicity and clarity above all.
Iconography & Visuals: Simple, recognizable map icons and clean archive grid. The client's chosen colors reflected Bay Islands culture: yellow for sun, blue for sea, green for trees, clay red for island homes.
Typography & Layout: Paired Odibee Sans for headers with PT Mono for body text, giving a typewriter-inspired archival feel. Layout emphasized readability and consistency.
Scalability & Functionality: Building with Contentful meant the CMS could handle both single-entry uploads (one photo, one video) and albums (multiple media pieces). Splitting entry templates gave the site flexibility for the future.
Tone & Personality: Reflect the seriousness of archiving history while remaining approachable for the community. Balance functionality and accessibility without losing cultural personality.

The Solution

A fully functional digital archive website featuring:
Responsive layout working seamlessly across devices
Interactive map built with Mapbox, styled from scratch with custom markers for each island and location
CMS-powered archive system through Contentful, allowing dynamic entry uploads and display
Two archive entry types (single entries and albums), giving flexibility for media-heavy submissions
Contact form using Zoho Mail and Formspree for direct submissions
Hosting on GitHub Pages—free, stable, and easy to maintain
My favorite detail was splitting archive entries into two types. Instead of forcing all entries into one rigid structure, the site could adapt to the content—whether one important photograph or a gallery of videos and images.
Deliverables:
High-fidelity Figma prototype
Design guide with colors, typography, and interaction states
Full coded site (HTML, CSS, JS) hosted on GitHub
Landing page.
Landing page.
Archive entries related to specific geolocation.
Archive entries related to specific geolocation.
Archives page.
Archives page.
Archive entry page.
Archive entry page.

Key Takeaways

Design to code pipeline: Learned how to translate my own UI/UX work into real, functioning code. This bridge between design and development was the biggest skill unlock—understanding how design decisions impact implementation.
APIs and CMS: Implementing Contentful and Mapbox gave me a foundation in connecting front-end and back-end functionality. These weren't just features to add, but systems to understand and integrate thoughtfully.
Freelance workflow: This project taught me how to handle intake forms, client communication, and iteration in a way that worked for both me and the client. The business side is just as important as the technical side.

What I'd Do Differently

Build confidence earlier. I leaned on ChatGPT heavily at the start. At some point, it became slower to rely on AI to get what I wanted done. By the end I was coding more independently. Next time, I'd trust myself earlier and use AI as a tool, not a crutch.
Plan functionality in phases. I tried to do too much at once. Breaking features into phases—MVP first, then enhancements—would have helped manage the timeline better and reduced stress.
Like this project

Posted Jan 9, 2026

Archive site preserving Bay Islands history. My first full web build! I designed and coded everything including CMS, interactive map, and mobile-first layout.

Likes

0

Views

3

Timeline

Jun 24, 2025 - Aug 6, 2025