dionis camping zaton

requirements

website for a campsite in zaton by zadar, croatia. make it easy to navigate and find all the different types of accommodation, add a blog, contact form and connect with a booking system. prepare everything for a possible future api connection with a booking system.

let's get our hands dirty

purpose and goals

purpose:

• promote dionis camping zaton as a premier camping destination
• showcase unique features, including the on-site vineyard and diverse accommodation options
• provide comprehensive information to assist potential guests in planning their stay

goals:

• increase direct bookings through the website
• enhance brand visibility and attract a broader audience
• engage visitors with content that reflects the local culture and experiences

sitemap and wireframing

one of the first sitemap sketches

lofi wireframe

stack

• mysql
• php
• tailwind
• vps

style guides

fonts

for campingdioniszaton.com, i chose a blend of cinzel and raleway fonts to create a design that feels both inviting and timeless.

cinzel brings a touch of classic elegance, inspired by ancient roman inscriptions, with bold contrasts and subtle ornamentation that add depth and sophistication. this serif font perfectly reflects a sense of tradition and natural beauty, ideal for a scenic camping experience.

raleway, a sleek and modern sans-serif, complements this by providing a clean, readable structure. with its geometric shapes and even letter spacing, raleway ensures content is easy to read across all devices and gives a polished, contemporary feel.

together, cinzel and raleway balance tradition and modernity, inviting users to explore the campsite while delivering a smooth, user-friendly experience. this combination enhances the site's aesthetic, creating a memorable and approachable look.

dionis zaton style guide for colors and fonts on figma

color palette

buttons

prototyping

prototyping

result

search results

it is all for nothing if no one can find you on google, so here are some of the keyword scores. here are some of the search scores using incognito mode

keyword search result positions and volume