Digital Ohana
The TouchGrass website is live, and we're excited to share the latest addition to the Digital Ohana portfolio.
TouchGrass brings together two sides of an active life: the work you put into training and the time you spend outside with other people. Our job was to give that idea a home online, with a website that feels energetic, clear and connected from the first screen.
The result is a custom-coded site built around a simple line: Built for your next move.
Two worlds, one identity
A workout and a mountain hike have different moods. The design needed to make room for both while still feeling like one product.
The fitness sections use violet and cobalt, with gym imagery and clear stories about planning sessions, logging effort and following progress. The outdoor sections shift toward mint and teal, with trails, fresh air and making plans with your people.
Consistent typography, spacing and navigation tie those sections together. Visitors can move between the two sides without feeling like they've landed on a different website.
Motion that supports the story
The opening hiking scene sets the tone. Training and recovery footage carry that visual approach into the fitness and health sections.
We paired those backgrounds with interactive stories that explain the product a step at a time. On desktop, scrolling moves through the training and health previews. Smaller screens offer tap, swipe and keyboard controls so visitors can explore at their own pace.
Motion also needs an off switch. The site includes playback controls and reduced-motion fallbacks, keeping the words and navigation usable without requiring visitors to watch an animation.
A mobile experience with its own layout
A dramatic desktop design needs careful decisions on a phone. Large headlines, background footage and interface previews all compete for less space.
For TouchGrass, we adjusted the layouts around that smaller screen: readable type, stacked content, accessible controls and clear next steps. The goal was to carry the same identity across devices while making each view comfortable to use.
That's a principle we bring to our custom website development: plan how people will read and interact on each screen, then build the layout around those needs.
A website launch, with the app still ahead
This launch gives TouchGrass a public home while its Android app prepares for Google Play.
The website introduces the product, shows illustrative interface previews and gives interested visitors a way to sign up for launch updates. It also links to dedicated privacy and account-deletion information. Smart insights are identified as in development, keeping upcoming features distinct from what's available now.
That distinction matters for a launch site. Visitors should understand the idea, know its current stage and have a clear way to follow along.
Explore the finished website
We're proud to bring TouchGrass's fitness and outdoor identity to life through custom design, development and motion.
Visit touchgrassapp.io to explore it, or read the TouchGrass project case study for an overview of the build.
Have a business or product that needs its own home online? Tell us what you're building. Digital Ohana works with businesses in Las Vegas, Hawaii and nationwide.
