Main landing hero
Countryside Retreat
Website for a countryside guest house focused on atmosphere, property presentation, and direct-call booking.
RoleProduct Designer & Fullstack Developer
TypeVacation Rental Website
LocationUkraine
FocusDesigning a calm, conversion-oriented experience that encourages users to explore the property and contact the owner directly.
StackNext.js, TypeScript, CSS Modules
Duration3 weeks (1 week design, 2 weeks development)
Project summary
- Project type
- Rental business website
- Goal
- Show houses, conditions, gallery, and contact options for a countryside rental business.
- Main features
- House listing
- House detail pages
- Gallery
- Contact CTAs
- SEO-ready structure
- My role
- Frontend implementation, content structure, responsive UI, SEO basics, and deployment support.
- Stack
- Next.js
- React
- TypeScript
- CSS Modules
- Result
- A production-ready rental website with structured house pages, clear mobile navigation, and booking-oriented contact path.
Problem
The client had an outdated website that did not reflect the quality of the property or clearly present the offer. There was no simple way for users to contact the owner.
Solution
I designed and built a website focused on atmosphere and clarity. The structure highlights the property and houses, guiding users through the content. Instead of forms, the booking path is simplified to a direct call.
Result
The new website improves presentation and makes it easier for users to understand the offer and contact the owner.
What I did
- Designed the full UI/UX from scratch
- Built fully responsive layouts (mobile, tablet, desktop)
- Structured house cards and detailed property pages
- Implemented a direct-call booking path (no forms)
- Designed gallery and visual content presentation
- Built contact section with map and location context
Hero
Main project visual with the full desktop hero scene, direct call CTA, and calm countryside atmosphere.
Responsive Design
Desktop and mobile viewport presentation showing how the landing page adapts across devices.
Desktop viewport presentation
Mobile viewport presentation
About / Concept
Content storytelling block that explains the place, mood, and positioning of the countryside retreat.
About section with atmosphere and concept
Houses Preview
Accommodation preview section with house cards, pricing, and clear navigation to detailed pages.
Accommodation preview cards
Gallery
Photo gallery section designed to show the property, houses, and surrounding atmosphere.
Photo gallery section
CTA Section
Conversion-focused section that gives the visitor a final clear action: call the estate and move from browsing to direct contact.
Final call-to-action section
Contact / Location
Final trust and conversion block with contact details, phone numbers, map, and location context.
Contact and location section
House Details
Detailed accommodation page with photos, characteristics, pricing, and direct action path.
Detailed house page
Need a website that makes customer contact easier?
I can prepare a clear website with a simple path to an inquiry, booking request or conversation.