DESIGN PORTFOLIOONE WORKING WEB
ModernGov.A CountyWeb Reimagined.
A visual study in civic design where service strategy, user interaction, and original creative work converge.
Interact with the homepage to understand its function and flow. Links to additional pages are disabled.
00 / PROJECT FRAME
THE DESIGN
ISSUE
The visual system was created to make a large government information ecosystem feel clear, contemporary, and distinctly local. Every layout, interaction, image, and custom component was designed to reduce friction while giving the County a stronger digital identity.
Designer Output - Click to View.
01 / USER INTERACTION / NAVIGATION
FROM STRUCTURE
TO SERVICE
The existing navigation used tight line spacing and a dense hierarchy that made relationships between pages difficult to discern. The County received constant complaints that information and services were hard to find, reinforcing the need for clearer pathways, stronger labels, and more visible context.
Within the selected CMS, navigation was redesigned around the different ways residents, businesses, and visitors search for information. Multiple pathways lead users to the same authoritative content, while each major menu section opens with a short explanation of what visitors will find and how the available links serve them.
BEFORE Dense hierarchy, limited visual separation, and fewer contextual cues.
AFTER Clearer pathways, descriptive guidance, section colors, and matching calls to action.
USER PATH / NAVIGATION EVOLUTION
02 / VISUAL CONTINUITY / COLOR + ICONS
FAMILIAR
REFINED.
The palette began with the County seal and the existing website, then evolved by lightening and warming those familiar colors. Complementary and analogous tones expanded the system without severing its connection to the County’s established identity.
The guiding qualities were welcoming, friendly, hospitable, charming, rooted, community-focused, peaceful, homegrown, heritage-rich, trustworthy, dependable, professional, and responsive. Color, typography, and interface accents were chosen to carry those characteristics forward while making public information easier to navigate.
Warm, nostalgic, and historic photographs of local landmarks, murals, landscapes, and community spaces strengthened that sense of place. The imagery lent warmth and familiarity to the palette, helping the experience feel distinctly Bryan County rather than like a generic government website.
Each primary menu section uses a color from the branding guide, supported by matching buttons and interface accents. This creates continuity while helping visitors recognize where they are within the site.
COLOR SOURCE / SELECT A NODE
LANDING PAGE COLOR SYSTEMS
02B / INTERFACE SYSTEM
A CIRCLE,
REIMAGINED
Custom icons were designed as a callback to the circles used on the original site; sleeker, more modern, and built for interaction. Custom-coded animation adds movement and responsiveness, transforming a familiar visual reference into an engaging interface system.
INTERACTION LAB / HOVER TO ACTIVATE
03 / IDENTITY IN PRACTICE / DEPARTMENTS + PLACE
ONE COUNTY.
MANY VOICES.
Departments with a significant role in citizen interaction were designed to remain individually recognizable within one shared system. Department logos and collaborative brand colors were incorporated into the same underlying layout, preserving identity without fragmenting the County experience.
Consistent structure, spacing, navigation patterns, and content hierarchy allow visitors to move between departments without having to relearn the interface. Color and identity become orientation tools rather than competing design systems.
DEPARTMENT SYSTEM / AUTO ROTATE
03B / ORIGINAL MEDIA
A VISUAL SENSE
OF PLACE
Custom banners were created for individual sections and subject areas. Whenever possible, the imagery captures recognizable locations, services, landscapes, and everyday scenes from within Bryan County; giving each page context while making the overall experience feel warm, engaging, and unmistakably local.
