Selected work / HITA

Designed for visitors. Built for editors.

The Hawaii Interpreters and Translators Association needed a website that served two audiences: people looking for professional information and the editors keeping it current. I redesigned the site and migrated it from Hostinger Website Builder to WordPress, treating the editing experience as part of the design problem.

Role
Logo design, website design, WordPress theme and functionality development, content migration, editor-workflow refinement, testing, and deployment.
Project
Pro bono work for a professional association.
HITA homepage with association introduction and event imagery
Desktop
Mobile view of the HITA homepage with association information and events
Mobile

Logo and visual identity

I designed HITA’s logo and carried its navy-and-pink palette into the website, connecting the association’s identity with a consistent digital experience.

HITA logo
Navy
#324467
Pink
#F1426C

Balance flexibility with consistency

The move to WordPress created an opportunity to organize HITA's existing content and define how future updates would work. Editors needed room to publish announcements, event descriptions, and images without having to reconstruct the surrounding page design.

I used native blocks for content and shared templates for recurring layouts. Common typography, colors, and spacing connect the pages, while the association's navy-and-pink identity remains recognizable throughout.

Give events their own structure

Events needed more than a title and a flyer. I built a content structure for dates, times, format, and other event details, presented alongside editable descriptions and supporting materials.

Those records feed the upcoming and past-event listings. News appears separately, so an announcement and a scheduled workshop do not have to use the same presentation. Older events remain available in the archive, with important information readable as text rather than only inside an image.

Membership applications and contact inquiries have dedicated forms, with explanations of what happens after submission.

HITA event archive showing structured upcoming and past events
Structured event listings
HITA event page with readable date, format, and cost information
Event details that remain readable as text

Refine the design through editor feedback

Feedback highlighted the importance of imagery alongside the written content. I added supporting images to the public-facing pages and refined image presentation within the event workflow, while retaining text-based event details.

That balance guided the editing approach: flexible body content inside repeatable layouts, rather than a choice between rigid pages and unrestricted page building.

Keep content independent of the design

I kept HITA's visual theme separate from its event and site features. The association's content structures can remain in place if the design changes later, giving future work a clearer boundary.

The implementation process included responsive, accessibility, and publishing-workflow checks, with staged deployment and rollback preparation.

The result

The live site brings HITA's association information, news, event archive, resources, and membership applications into one WordPress system. Visitors have defined paths to information, while editors have structured events and native content tools within a shared design.

Built withCustom WordPress block theme · HITA Core plugin · Fluent Forms · Hostinger