Seas to Trees Home Page
Project Type:
Web Design, Travel Blog, UI/UX Design
Tools:
Figma, HTML/CSS, Adobe Photoshop, GitHub
Web Design, Travel Blog, UI/UX Design
Tools:
Figma, HTML/CSS, Adobe Photoshop, GitHub
Background: Seas to Trees is a travel blog exploring one of the most scenic drives in the Pacific Northwest from Northern California's rugged coastline to Oregon's windswept shores. It highlights towering redwoods, sandy dunes, and breathtaking ocean views, sharing routes, must-see stops, and hidden gems. This blog is designed to inspire families, travelers, and coastal enthusiasts to discover the beauty of this iconic road trip.
Map of our Journey
Concept: Seas to Trees captures the essence of a Pacific Northwest road trip through visual storytelling. The name itself reflects the journey—from California's rugged coastline ("Seas") to Oregon's towering redwoods ("Trees")—creating a poetic connection to the landscape. The design balances stunning photography with minimal text, allowing the natural beauty to speak for itself while providing practical route information and travel inspiration.
Seas to Trees Homepage Iterations
Design Process: The design embodies Swiss design principles: clean lines, generous white space, and left alignment create a sophisticated, uncluttered reading experience. The white and cream color palette evokes nature and trees, creating a calm, organic backdrop that lets the landscape photography shine. This approach maintains clear hierarchy and easy navigation while ensuring the immersive experience translates seamlessly from desktop to mobile, meeting travelers wherever they plan their adventures.
Grid Layout
Logos and Color Palette
Typography
layout
first iteration, wireframe
Target Audience: Seas to Trees targets individuals who value experience-based travel and are able to afford getaways, including domestic road trips and international adventures. The primary audience includes families, travelers, and coastal enthusiasts interested in Pacific Coast exploration.
Seas to Trees Home Page
Seas to Trees: Home page mock ups
Seas to Trees: Adventures page
Seas to Trees: Adventures page mock up
Seas to Trees: Our Story page
Seas to Trees: Our Story page mock up
Seas to Trees: Top Picks, mock ups
Design Solution: This design creates a clean, responsive travel blog that balances visual storytelling with usability. A white and cream palette provides a calm, nature-inspired backdrop that lets vibrant landscape photography stand out. Montserrat typography ensures clear readability with an organic feel, while large images lead each section. Minimal text supports the visuals, delivering essential route details and travel tips without distracting from the scenery
