DAYLN.
DESIGN
Work
About
Playground
Resume
Work
About
Playground
Resume

WOKE HOSTELS

Work

Website Design

Line of Business

Hostels & Boutiques

Themed boutique hostel website design
for this generation.

Introduction

Creating a hostel website, designed from the ground up to appeal to the more modern nomad generation. themed for vibes and chill's, now spanning across India to make it easier for anyone to book a hotel as easy as it can be.

About
My Role

UX & UI Design(Fulll)

Team

Suren

Harleen

Work

12 Weeks
‍(Nov19-Jan20)

Team

Suren

Harleen

Timeline

16 Weeks (Mar20-June20)

Work by

Personal Work

Website

www.wokehostels.com

The PRODUCT

Inspired by the picturesque countryside. Woke is a poised township that soothes your senses. A cluster of minimalist villas, surrounded by lush greenery and gentle landscapes with in-house facilities set against the backdrop of nature.

Challenge

How might young generationWho

find a lean hostel What

to fit their needs on
every occastion. Why

The Problem

Understanding the
product

Finding the common ground.

Since the client had no prior branding or website done, it was challenging to lay out the foundation in which we both agreed on.

Prioritizing business goals.

Trying to align on layout and design elements on par with existing values of the business.

The Solution

Building from
scratch

Easy Booking

Prioritizing the main call to actions up front matching the users mental model from other travel websites.

Building on brand

Visually representing different locations through illustrations, subtlety informing users about woke hostel branches.

Ease of Use

By prioritising functionality first and improving the site's overall layout with clear images and copy.

The Structure
The Wireframes

The Approach on
Design

Creating motifs and setting up the colour palltet to match the nature, to ease in on the user, as way of showing woke hostels culture on being true to itself.

Typography
Designed by
Vernon Adams
Designed by
Steve Matteson
Colors
#20ADAD
nature, energy,
refresh
#334F5D
cool, calm,
balance
#EFCA58
cheerful, active,
happy

The Approach on

Visual Design

Dr. Agarwal's Eye Hospital is a chain of eye specialty hospitals in India headquartered at Chennai, Tamil Nadu, which started as an eye care centre and has grown to more than 95+ centres in India and 14 centres overseas.

Confusing information
architecture.

Users want to easily be able to find their way to the ‘tweak wood armchairs’ without getting lost amidst all the different types of furniture on the website.

The Approach on

Visual Design

Dr. Agarwal's Eye Hospital is a chain of eye specialty hospitals in India headquartered at Chennai, Tamil Nadu, which started as an eye care centre and has grown to more than 95+ centres in India and 14 centres overseas.

Confusing information architecture.

Users want to easily be able to find their way to the ‘tweak wood armchairs’ without getting lost amidst all the different types of furniture on the website.

The Approach on

Visual Design

Dr. Agarwal's Eye Hospital is a chain of eye specialty hospitals in India headquartered at Chennai, Tamil Nadu, which started as an eye care centre and has grown to more than 95+ centres in India and 14 centres overseas.

The Screens
Homepage
Personal Notes

Timeline &
Dev mashup

01
Managing expectations

Since it was woke's first venture into the website world, it was difficult to communicate effective timelines, which lead to a lot of back and forth, to avoid this in the future, stronger scope must be established!

02
Dev notes

In the middle of the project, the additional context was given by the dev which led me to understand backend work more clearly.

NEXT PROJECT

Redd Scapes