Community Brand Website, UX Messaging, Visual Identity Translation
UX Designer Visual Designer (Figma) Squarespace Developer Content Strategist (light editing for web copy)
The Problem
Buena Tierra Run Club needed a professional and community-focused website to promote health, fitness, and social connection within the Latino community. They had no prior digital presence and needed something user-friendly, visually inviting, and easy to update.
Homepage for Buena Tierra Run Club, showcasing a vibrant, inclusive community focus while maintaining clean UX practices.
Project Goals
- Create a warm, community-driven first impression
- Highlight the club’s mission and events clearly
- Design a layout that was easy to navigate for all ages
- Build in Squarespace for client ease of use and quick updates
- Ensure mobile responsiveness across devices
My Approach
- Brand Translation: Matched the client’s brand color palette (navy, gold, cream) to web design elements for consistency.
- UX Flow Planning: Organized the site into familiar, friendly sections: About, Events, Community Benefits, FAQs.
- Visual Hierarchy: Used a combination of photography and large typography to create emotional engagement without overwhelming users.
- Squarespace Customization: Applied light custom CSS to enhance layout flexibility while keeping everything editable by the client.
Build Phase
- Customized Squarespace 7.1 templates using custom CSS for header layouts, hover effects, FAQ toggles, and image treatments.
- Optimized responsive behavior for mobile and tablet.
- Integrated Instagram feeds and FAQs for community engagement.
Technical Notes
- Built on Squarespace 7.1
- Custom CSS for header layout, FAQ toggles, and call-to-action styling
- Optimized for mobile and tablet responsiveness
- Image compression for fast page loading without losing quality