.webp&w=2048&q=75)
Hilink — Camping & Adventure Landing Website
Built a multi-section landing experience for a fictional Hilink product aimed at climbers and campers: navigation (Home, How Hilink Work, Services, Pricing, Contact, Login), hero promoting Putuk Truno Camp with star ratings and review counts, “How we work” cards with location (Aguas Calientes), distance, elevation, and map-style imagery for camps with join counts, an empathy-driven “Feeling lost?” narrative, a guide section highlighting offline maps and group adventures, feature grid (offline maps, scheduling, AR on the trail, monthly new spots), store badges, and footer with Hilink links, community names, and contact details.
Timeline
3 weeks
Role
Frontend Developer
Team
Solo
Status
Completed
Technology Stack
Key Features
Branded header with logo and primary nav (Home, How Hilink Work, Services, Pricing, Contact Us, Login)
Hero for Putuk Truno Camp Area with positioning line, star rating block, and App Store / Play Store download actions
“How we work” area with sample trail data (distance, elevation) and camp listings (Putuk Truno Camp, Mountain View Camp) with join counts
Story section addressing anxiety about getting lost on new routes and Hilink as the guide
“We are here for you” block emphasizing offline maps and inviting groups into the wilderness
Feature rows: offline maps, adventure scheduling / holiday offers, AR-assisted hiking guidance, new locations via community
Closing CTA (“Get for free now”) with iOS and Android store placements
Footer: About Hilink, Press, Environment, Jobs, Privacy, community links, phone/email, social placeholders, copyright
Key Learnings
- Landing-page architecture in Next.js with clear section boundaries and reusable UI
- Tailwind-first styling for responsive travel/outdoor marketing layouts
- Structuring content for conversion: hero proof, problem, solution, features, download
- Typography and spacing for long-form narrative blocks next to visual cards
Key Challenges
- Keeping long scrolling landing sections readable and visually consistent across breakpoints
- Presenting map/camp UI affordances without a real mapping SDK in scope
- Balancing marketing copy density with scan-friendly layout and CTAs
- Reusing components for repeated patterns (feature rows, camp cards) without layout drift
Impact & Results
Single cohesive Hilink story from first screen through download and footer
Demonstrates frontend polish for an outdoor/adventure brand without backend dependency
Mobile-friendly flow suitable for App Store / Play Store acquisition pages
Future Enhancements
Wire live or staging deploy URL and real repository links
CMS or MDX for camp locations and copy refreshes
Embedded map provider for true interactive maps
Localization for multiple regions
Analytics on CTA clicks and scroll depth