Hill House Resort Web Design
Hill House is a premium resort tucked into the Romanian highlands. We're talking spa, sauna, jacuzzi, indoor and outdoor pools, gym, a wine cellar, curated dining, and an infinity pool with panoramic views. My job was to build a website that makes you feel all of that before you even pack your bags.
Client
Magic5
Industry
Resort
Services
UI/UX Design
The Challenge
The place is rich in experiences, and the site needed to reflect that without feeling heavy or overwhelming. Every space deserved attention, but the journey through the site had to stay effortless. Premium, warm, never trying too hard.
The Process
I started by mapping out the full site structure, then moved into wireframes to nail down the user flows before touching any visuals. Once the experience made sense, I shifted into design.
The Process
The visual direction came from the architecture itself. The warm materials, the contrast between stone and glass, how light hits the landscape. The palette mirrors that: deep black, warm off-white, and a gold accent used only when it counts. TAN Pearl for headlines that land, Inter for everything that needs to read clean.
Selected Pages
The full project covers over a dozen pages, but I'm showing the ones that best capture the variety and the thinking behind each layout.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M 16 7.934 C 15.998 12.306 12.423 15.862 8.033 15.862 L 8.03 15.862 C 6.7 15.863 5.392 15.531 4.223 14.898 L 0 16 L 1.131 11.892 C 0.433 10.688 0.065 9.32 0.067 7.928 C 0.069 3.556 3.642 0 8.034 0 C 10.147 -0.006 12.176 0.831 13.67 2.326 C 15.167 3.807 16.006 5.828 16 7.934 Z M 14.655 7.933 C 14.66 6.182 13.962 4.502 12.718 3.27 C 11.477 2.029 9.792 1.333 8.037 1.338 C 4.385 1.338 1.414 4.294 1.413 7.928 C 1.411 9.169 1.762 10.385 2.425 11.434 L 2.582 11.684 L 1.913 14.116 L 4.419 13.462 L 4.661 13.605 C 5.682 14.207 6.846 14.524 8.031 14.523 L 8.034 14.523 C 11.683 14.523 14.654 11.567 14.655 7.933 Z M 12.047 9.82 C 12.098 9.902 12.098 10.299 11.931 10.762 C 11.765 11.224 10.97 11.648 10.587 11.704 C 10.245 11.754 9.81 11.776 9.334 11.626 C 9.045 11.534 8.674 11.412 8.198 11.208 C 6.202 10.35 4.898 8.349 4.798 8.217 C 4.699 8.085 3.986 7.143 3.986 6.167 C 3.986 5.193 4.5 4.714 4.682 4.514 C 4.817 4.361 5.009 4.272 5.213 4.266 C 5.34 4.266 5.468 4.268 5.595 4.274 C 5.718 4.279 5.882 4.226 6.043 4.614 C 6.209 5.01 6.606 5.986 6.657 6.084 C 6.707 6.183 6.74 6.299 6.673 6.431 C 6.606 6.564 6.574 6.646 6.473 6.762 C 6.374 6.877 6.264 7.02 6.174 7.109 C 6.075 7.207 5.971 7.314 6.087 7.513 C 6.203 7.711 6.603 8.36 7.195 8.885 C 7.955 9.561 8.597 9.77 8.795 9.869 C 8.994 9.968 9.111 9.951 9.227 9.819 C 9.343 9.686 9.724 9.24 9.858 9.042 C 9.99 8.844 10.123 8.878 10.306 8.943 C 10.488 9.01 11.467 9.489 11.666 9.588 C 11.865 9.687 11.998 9.737 12.047 9.82 Z" fill="rgb(255, 255, 255)" height="16.00003484220582px" id="FhRMpimAT" width="16.000035061662192px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M 16 16 L 16 10.14 C 16 7.26 15.38 5.06 12.02 5.06 C 10.4 5.06 9.32 5.94 8.88 6.78 L 8.84 6.78 L 8.84 5.32 L 5.66 5.32 L 5.66 16 L 8.98 16 L 8.98 10.7 C 8.98 9.3 9.24 7.96 10.96 7.96 C 12.66 7.96 12.68 9.54 12.68 10.78 L 12.68 15.98 L 16 15.98 Z M 0.26 5.32 L 3.58 5.32 L 3.58 16 L 0.26 16 Z M 1.92 0 C 0.86 0 0 0.86 0 1.92 C 0 2.98 0.86 3.86 1.92 3.86 C 2.98 3.86 3.84 2.98 3.84 1.92 C 3.84 0.86 2.98 0 1.92 0 Z" fill="rgb(255, 255, 255)" height="16.000000171661377px" id="swzbFssxo" width="15.99999984741211px"/></svg>)