Posada Costa Brava

The existing website needed a clearer, more accessible and responsive experience — one that helps visitors understand the accommodation and navigate the information with less effort. A quick audit surfaced four recurring issues: low, inconsistent contrast; a weak typographic hierarchy that made information hard to scan; navigation that could be simpler; and an inconsistent experience across devices.

1. Accessibility first — designed around WCAG 2.1 AA.
2. Clear hierarchy — make the important information stand out immediately.
3. Better readability — improve typography, sizes, contrast and spacing.
4. Simpler navigation — reduce friction and make sections easy to reach.
5. Responsive by design — a coherent experience on desktop and mobile.

Accessibility was the backbone of the redesign, not an afterthought. I reviewed contrast, text sizes, structure, navigation and interactive elements against WCAG 2.1 AA.

The redesign moves toward a cleaner aesthetic with stronger contrast, better readability and a clearer hierarchy — content that's easy to scan, with a central brand, a visible booking CTA and clearly separated content blocks. It was adapted across screen sizes to preserve hierarchy, readability and usability, rather than simply scaling the desktop layout down.

This project taught me to treat accessibility as a design driver from the start, not a checklist at the end — decisions about contrast, type and hierarchy shape the whole experience, and designing responsively means rethinking the layout, not shrinking it.