Terra — Google UX Design Certificate

Terra mobile app home screen titled 'Terra, your AI gear companion' with a Start button.

SLIDE 1 · MOBILE · MULTI-FACETED HOME

An entry built around the AI

The mobile home screen introduces a multi-faceted shopping experience. Users can browse the traditional way, but the UX writing pushes them toward the AI-powered search. The headline establishes Terra as a helpful "AI gear companion," the subheading is inclusive ("Find the right gear for any adventure, big or small"), and a single prominent Start button removes any ambiguity about the next step.

Mobile chat-style search screen with the greeting 'Welcome to the store. How can I help?' and a sample query about a sleeping bag for Yosemite.

SLIDE 2 · MOBILE · AI SEARCH

A conversation, not a query box

The search interaction is designed to feel like talking to a knowledgeable store attendant. "Welcome to the store" sets a warm tone; "How can I help?" invites natural language. An example query — "Help me find a sleeping bag for my camping trip to Yosemite this weekend" — gives users a template, so they aren't left staring at a blinking cursor.

Mobile recommendations screen with weather-aware suggestions and a 'Best overall: Lowe Alpine Firebrand -15' card.

SLIDE 3 · MOBILE · PERSONALIZED PICKS

Recommendations with context

Based on the query, the AI returns suggestions shaped by relevant factors — including the weather forecast. "The weather in Yosemite will be cold and wet so you might need some extra protection." The writing then asks two follow-up questions — "What's your budget?" and "Will you be sleeping in a tent or under the stars?" — to refine the recommendation without slowing things down.

Mobile product detail page for Mountain Hardware 3-Season Camper with color and size pickers, Add to Cart, and Add to Wishlist.

SLIDE 4 · MOBILE · STREAMLINED PURCHASE

From recommendation to cart in one screen

The product detail compresses everything the buyer needs — price, rating, color and size pickers — into one tap-friendly screen. Two CTAs do the heavy lifting: Add to Cart for decided buyers and Add to Wishlist for those still comparing. Concise labels, no jargon.

Terra desktop home page with the headline 'Terra, your gear companion' over a mountain hero image, a Get Started CTA, and a Top queries section.

SLIDE 5 · WEB · MULTI-FACETED HOME

The same idea, with more breathing room

On the desktop site, the headline establishes Terra as a "gear companion," and the subheading promises speed and precision — "Find exactly what you need, faster, with Terra's AI-powered search." A single Get Started button is the front door, with a "Top queries" section below offering inspiration: "Warm sleeping bag, under 2 lbs," "Gift ideas for a climber," "Family hike near LA."

Terra desktop search page with a large search bar, the prompt 'How can I help?' and four quick-action chips: Ask Anything, Find Trails, Pack Right, Solve Gear Dilemmas.

SLIDE 6 · WEB · SEARCH

Guiding the first prompt

Once users opt into the AI search, the writing keeps the door wide open: "How can I help? Tell Terra about your adventure, and we'll find the perfect equipment." An example query inside the input — "When to choose down or synthetic?" — and four quick-action chips (Ask Anything, Find Trails, Pack Right, Solve Gear Dilemmas) demonstrate the breadth of what the assistant can do.

Terra desktop chat result showing weather-aware suggestions for a Yosemite trip with a Lowe Alpine Firebrand -15 sleeping bag recommendation.

SLIDE 7 · WEB · PERSONALIZED PICKS

A guided journey, not a results list

The desktop result page mirrors the mobile flow but uses the extra space for richer descriptions. The AI acknowledges the query, surfaces the weather context, and offers tiered suggestions — "Best overall: Lowe Alpine - Firebrand -15", "Best for budget: The North Face - SubZero -10" — each with one concise line on why it's a good fit. The user leaves with confidence, not a comparison spreadsheet.

Terra desktop product page for Mountain Hardware 3-Season Camper with color and size selectors, Buy Now and Add to Cart buttons, and a 'Why this product is right for you' section.

SLIDE 8 · WEB · STREAMLINED PURCHASE

Closing the loop with "Why this product is right for you"

The desktop product page mirrors the essentials — Buy Now, Add to Cart, color and size pickers — and adds an "Why this product is right for you" section that ties the recommendation back to the user's original query and context. That last beat reinforces Terra's value: the AI isn't just searching; it's reasoning on the user's behalf.