Escapenow: Live Wherever You Want

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>What is Escapenow</p></div><p class="h3-style">Escapenow is a Russian company that constructs hybrid apartments wherever you want and offers them for year-round living or just renting. The brand makes your life easier, that’s why the website needed to be minimalistic and straightforward.</p><div class="mb-80"></div></div></div>

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/63202b63f3e2d0753fcc775d_esc-2.webp" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/63202b63d40274020d189309_esc-3.webp" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/63202b6468ab2d20113bb229_esc-4.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Web Process</p></div><p class="h4-style">We work in sprints, and our process is fully transparent for our clients. Here’s how we’ve created a minimalistic but memorable website in only 2 sprints.</p></div></div>

<div class="p-lr mt-24 mb-16"><div class="g-7-15"><div class="transp-bl"></div><p class="h4-style">1. For starters, we decided on the order of information to be shown and then built wireframes.</p></div></div></div>

<div class="p-lr mb-80"><div class="g-7-15"><div class="transp-bl"></div><p class="h4-style">2. Once they were done, we created the overall look and feel based on technical lettering, thin-line illustrations, and well-structured information flow. By the end of this sprint, we’ve approved the Home page.</p></div></div></div>

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/63202b622eb0942e89c128cc_esc-5.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Copywrite</p></div><p class="h4-style">Escapenow gives its customers freedom in choosing their new home location. This value was the basis of the brave tone of voice we've further created.</p><div class="mb-80"></div></div></div>

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/63202b61cd75454079c480aa_esc-6.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Typography</p></div><p class="h4-style">Technical lettering style is a bedrock of the Escapenow's website. These fonts look consistent with the drawings Escapenow creates for its modular houses.</p><div class="mb-80"></div></div></div>

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/63202b6242cb95a65132b4b1_esc-7.svg" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Color scheme</p></div><p class="h4-style">The Escapenow’s product is easy-to-use, and we stuck to black-and-white color scheme to keep it simple.</p><div class="mb-80"></div></div></div>

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/63202b61d655df78078f037f_esc-8.svg" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Grid</p></div><p class="h4-style">Escapenow creates an unusual product for the Russian market so it needed to be explained to the point. To do so, we’ve decided to show the info when scrolling. This way, the grid makes the website not overwhelmed but still comprehensive.</p><div class="mb-80"></div></div></div>

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/63202b62a7b0ab4e0afd11f1_esc-9.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Concepts</p></div><p class="h4-style">All developed concepts conveyed the same idea of simplicity and freedom but with different design solutions.</p><div class="mb-80"></div></div></div>

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/63202b63a7b0abb274fd11f2_esc-10.webp" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/63202b6393e4916444e2aa32_esc-11.webp" loading="lazy" alt="" class="s_image_full">

</div></div><div class="p-lr pt-200"><div class="team-case"><div class="mb-4"><p><b>Producer:  </b>Leonid Bondarenko</p></div><div class="mb-4"><p><b>Project Manager:  </b>Daniel Eskin</p></div><div class="mb-4"><p><b>Art Direction: </b>Elisey Soloviev</p></div><div class="mb-4"><p><b>Design: </b>Nastya Galeeva, Miroslav Liamkin</p></div><div class="mb-4"><p><b>Illustration: </b>Lisa Ivanova</p></div><div class="mb-4"><p><b>Webflow development: </b>Artem Kuznetsov, Nikita Zinevich</p></div>