Goals
Introduce the mission with patriotic imagery, clear messaging, and visible organization information
Make the donation call to action prominent across the entire experience
Clarify what the organization does and why it matters
Simplify navigation for older users and mobile visitors
Encourage deeper engagement with clean layout and sharp messaging
Execution
Designed with a red, white, and navy palette to evoke service and integrity
Added hero section with soldier statue and American flag for immediate impact
Integrated donation buttons in key scroll zones
Clear breakdown of services using icons and headlines, no clutter
Mobile first responsiveness to reach all generations
Connected all forms, buttons and pages into one clear path to conversion
Project details
Donation links placed alongside the organization’s mission and services
Separate navigation for supporters and people seeking assistance
Consistent colors, icons, and headings across the website
https://www.americanveteranservicescorp.com/
A clear first impression for a mission with several audiences
- Fit
- Explain the service scope.
- Trust
- Show supporting evidence.
- Next step
- Give a clear contact route.
If you run a nonprofit, your website has to speak to people seeking assistance, supporters considering a donation, and visitors learning about the organization. The American Veteran Service Corp brief brought those needs together: explain the mission, make support accessible, and keep navigation understandable for older and mobile visitors.
We split the top of the page into two jobs. A light header gives the organization’s name and navigation their own space. Below it, we added the soldier statue and American flag as the hero image, so the cause is clear the moment the page opens. The large headline establishes whom the organization serves, while the shorter supporting sentence explains the purpose in more practical language.
What did American Veteran Service Corp think of the redesign?
The board was thrilled. Here’s the review from C. Teague McClendon of American Veteran Service Corp:
Trojan Digital Marketing gave our website a complete make over. The board members and I are absolutely thrilled!
What the displayed design makes visible
| Visible element | Design role |
|---|---|
| About, Services, Resources, and Contact navigation | Gives visitors familiar entry points based on the information they need. |
| Large white headline over a darkened flag image | Separates the main message from the detail and texture of the photograph. |
| Red Learn More button | Creates a distinct next step underneath the introductory copy. |
| Mission, services, and resources with separate icons | Breaks the next level of information into three recognizable choices. |
Make the mission understandable before asking for commitment
The introductory message and the next row answer different questions. The hero identifies the cause. The mission, services, and resources row helps a visitor decide where to continue. That separation matters because someone seeking help may need a different route from someone considering financial support.
The original brief also called for prominent donation opportunities. The hero in this presentation uses Learn More, so its immediate role is introductory. A donation journey still needs clear information about the organization and the purpose of the contribution; a visually prominent button alone cannot supply that context.
We placed donation links beside the mission and services and at key points down the page, so a visitor can see what a gift supports before giving. We gave supporters and people seeking assistance separate navigation, since each may need a different route, and built the site mobile first because the brief asked for navigation older and mobile visitors could follow.
Use familiar visual language without losing clarity
Red, white, and navy connect the page to the subject matter. The important design choice is how those colors are assigned. The header stays quiet enough to read, the image provides atmosphere, and the red button stands apart from both. Each area has a different job.
The icons below the hero also remain paired with written labels. A house, clipboard, or stack of books can help a reader scan, but the label explains the destination. This is a useful approach whenever an audience includes people with different levels of digital familiarity.
Lessons for a nonprofit website redesign
- Separate visitor needs. Give assistance, organizational information, and support their own clear routes.
- Keep the opening message specific. Explain who the organization serves before expanding into its history.
- Make visual emphasis intentional. Reserve the strongest accent for a meaningful action.
- Keep labels visible. Use icons to reinforce navigation rather than requiring visitors to interpret them.
This work illustrates how nonprofit web design can combine an emotional introduction with a practical information structure. For a similar project, start with the questions visitors need answered and the action each audience should take next. Talk with Trojan about your website and its audiences.
YOUR NEXT MOVE
