Title: H.E. Butt Foundation
Author: Travis McAshan
Published: May 6, 2021
Last modified: October 20, 2025

---

 H.E. Butt Foundation

# Cultivating wholeness in people and institutions

![Image](https://www.glidedesign.com/wp-content/uploads/hebf-hero-2-1.png "Image")

![Close Icon](https://www.glidedesign.com/wp-content/themes/glidedesign/assets/src/
images/close-icon-black.svg)

 H.E. Butt Foundation

## Cultivating wholeness in people and institutions

 We weren’t designing and building one website, we were responsible for creating
all the necessary layouts and elements to power six different websites, one for 
each of their programs.

What we did

 Nonprofit · Design · Development · Support

 Credits

Creative direction: Drew Lyon
 Project manager: Brooke Miceli Content strategist:
Jessica McDaniel Lead designer: Marian Brchan

 [Visit Website](https://hebfdn.org/)

 [Let’s talk about your project](https://www.glidedesign.com/lets-talk/)

## What We Did

 [Design](https://www.glidedesign.com/work?work-type=web-design-ux) [Development](https://www.glidedesign.com/work?work-type=web-development)

Overview

When the team heard we were working with the H.E. Butt Foundation, everyone geeked
out for a minute. ‘We go to H-E-B all the time’, was a common refrain. However, 
some of us were not as aware of all the wonderful non-profit work the family does
for people through the H.E. Butt Foundation. The online home for their various charity
endeavors is what we were brought in to work on.

 [Visit Website](https://hebfdn.org/)

## Post launch results

 56

%

Visitors

 29

%

Page views

 97

%

Mobile traffic

## At a Glance

![Image](https://www.glidedesign.com/wp-content/uploads/hebf-layout-01-1-1.png "
Image")

![Image](https://www.glidedesign.com/wp-content/uploads/hebf-layout-02-1-1.png "
Image")

![Image](https://www.glidedesign.com/wp-content/uploads/hebf-layout-03-1-1.png "
Image")

![Image](https://www.glidedesign.com/wp-content/uploads/hebf-layout-04-1-1.png "
Image")

![Image](https://www.glidedesign.com/wp-content/uploads/hebf-layout-05-1-1.png "
Image")

![Image](https://www.glidedesign.com/wp-content/uploads/hebf-layout-06-1-1.png "
Image")

![Image](https://www.glidedesign.com/wp-content/uploads/hebf-layout-07-1-1.png "
Image")

![Image](https://www.glidedesign.com/wp-content/uploads/hebf-layout-08-1-1.png "
Image")

![Image](https://www.glidedesign.com/wp-content/uploads/hebf-layout-09-1-1.png "
Image")

![Image](https://www.glidedesign.com/wp-content/uploads/hebf-layout-10-1-1.png "
Image")

![Image](https://www.glidedesign.com/wp-content/uploads/hebf-layout-11-1-1.png "
Image")

## What we learned

One of the primary goals of this project was to reduce inconsistencies between program
sites and make long-term maintenance easier. We expected some overlap in design 
styles, but started by doing a full inventory of what made each site unique. From
there, we made intentional choices about what to keep, consolidate, or redesign.
Once we had a clear map of all the pieces in spreadsheet form, we moved into design
with confidence and clarity.

> They gave us an incredible thoughtful proposal and stuck to it. They communicated
> clearly and regularly.  They delivered on time.  What else needs to be said?
> ![Marcus Goodyear – UPCITY](https://www.glidedesign.com/wp-content/uploads/marcus-
> goodyear-300x300.jpg "Marcus Goodyear – UPCITY")
> Marcus Goodyear
> Senior Director of Communications

Because many of the programs center around camps and retreats in scenic Texas settings,
we leaned into natural photography to ground the experience. Each program also had
a signature color, which we used to give each layout its own identity without losing
cohesion. Small UX touches like playful rollovers add personality, while the clean,
bold design keeps the experience unified and accessible. With everything now live
and working together, the end result feels polished, purposeful, and true to their
brand.

![Image](https://www.glidedesign.com/wp-content/uploads/hebf-showcase-2-1.png "Image")

## More Great Work

![Davis Phinny Foundation](https://www.glidedesign.com/wp-content/uploads/davisphinneyfoundation-
list@2x-800x952.png "Davis Phinny Foundation")

Davis Phinney Foundation

###  500+ resources shaped into one powerful platform

  Featured   Nonprofit   Design   Development

![Dallas Children’s Advocacy Center](https://www.glidedesign.com/wp-content/uploads/
List-Image-1-800x952.png "Dallas Children’s Advocacy Center")

Dallas Children’s Advocacy Center

###  Designed to drive engagement and amplify impact

  Featured   Nonprofit   Design   Development

![Center for Child Protection](https://www.glidedesign.com/wp-content/uploads/ccp-
List-image-800x952.png "Center for Child Protection")

Center for Child Protection

###  Advocating for every child's safety

  Featured   Nonprofit   Design   Development