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)
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 flow 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 direct-call booking flow (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 and sunset atmosphere.
Responsive Design
Desktop and mobile viewport presentation shown together as one responsive composition.
Desktop and mobile viewport presentation
Desktop and mobile viewport presentation
About / Concept
Content storytelling block that explains the place, mood, and concept positioning.
Project concept and atmosphere
Houses Preview
Accommodation preview section with house cards, structure, and clear booking CTAs.
Accommodation preview cards
Lifestyle / Experience
Section focused on emotional value: nature, relaxation, and leisure activities.
Lifestyle and relaxation content section
Gallery
Visual atmosphere and photo presentation block for browsing location imagery.
Photo gallery section
Contact / Location
Final trust and conversion block with contact details and map context.
Contact and location section
House Details
Detailed accommodation page with photos, description, pricing, and action path.
Detailed house page
Need a website that brings real clients?
I build fast, reliable websites with clear structure and real business logic.