Cube Offices is a chain of coworkings, which caters
to established professionals and teams who value high-quality working spaces
to established professionals and teams who value high-quality working spaces
Drag left/right to see the result of redesign
Stages
Discover
Stakeholder interview
Customer analysis
Design strategy
Define
User research
Empathy map
Personas
Ideate
Brainstorm
Logo creation
User flow
Design
Visual identity
High fidelity
Logo creation
Project Goal
A client approached me with the task to redesign the old website, make it look more modern and user-friendly, attract new potential international customers and increase website conversion. As the company transforms into a global one, all pages need to be translated into the English language
My role
Solution
Scope
It was decided to completely change the design of the website to simplify the interface. The landing page speaks with the customer, provides the necessary information, answers all the questions, shows the gallery and video presentation
The old website definitely had to be redesigned as its UI elements are not consistent, and user flow was pretty hard to follow, and it didn't promote the business the best way
UX/UI designer
8 weeks
Old website
I analyzed 5 types of coworking customers to understand what are their basic and extra needs, and what services do they use
In order to illustrate the key audience of my product, and gain more sympathy for the target issues, I decided to build a persona. After combining the major findings from the interviews and the surveys with other research reports I gathered online, I listed the insights I had developed which could impact the future design and sorted them on the whiteboard. So, meet Max Demo:
To understand what navigation should be there I brainstormed a list of features with a client as he knows his visitors really good. I devided it into two categories: Must-Haves and Nice-to-Haves
Ok, but what information does Max need?
Customer analysis
Persona method
I also sketched Max's Customer Journey Map from the moment he googles "coworking space" till the Pain Point of not getting enough info on our website. In order to eliminate the issue there need to be a good Informational Architecture , so that the user would not have troubles finding necessary info
Customer journey map
CJM - is a visual representation of the customer journey
Nice-to-Have
Must-Haves
Services
Videos
Price
Gallery
Recent news
Contacts
Amenities
Reviews
Future events
Information Architecture
Based on navigation I have built an information architecture
The organizational structure of website was straightforward:
Let's think about navigation
Improved Max's journey
After improving the website structure, adding necessary pages and information, now our persona Max can successfuly go through the site and easily book a space in coworking
The following phase was developing the details; it needed to end up being ready to fit the organized layout. The text hierarchy, graphics, as well as images, required to end up being coherent with the overall look & feel and delivering the message precisely
The following phase was developing the details; it needed to end up being ready to fit the organized layout. The text hierarchy, graphics, as well as images, required to end up being coherent with the overall look & feel and delivering the message precisely
Low-Fidelity Wireframes
The following phase was developing the details; it needed to end up being ready to fit the organized layout. The text hierarchy, graphics, as well as images, required to end up being coherent with the overall look & feel and delivering the message precisely
HOME PAGE
as the main page of a corporate website it not only attracts attention but also immerse you in the service and product
as the main page of a corporate website it not only attracts attention but also immerse you in the service and product
UI elements
High-Fidelity Wireframes
WHO WE ARE
section tells about CUBE, as well as provides information about a number of locations, and its area
section tells about CUBE, as well as provides information about a number of locations, and its area
WHY CHOOSE US
section shows 6 main benefiting of using CUBE co-working offices
section shows 6 main benefiting of using CUBE co-working offices
SERVICES
section is where a signature offer or a specific product or service is described you sell. In fact, one of the most common ways that people land on service pages is through Google
section is where a signature offer or a specific product or service is described you sell. In fact, one of the most common ways that people land on service pages is through Google
WHAT DO WE HAVE FOR YOU
8 main features/amenities are listed in this section, accompanied with icons for better illustration
8 main features/amenities are listed in this section, accompanied with icons for better illustration
GALLERY
The gallery is a way of integrating images into a website, allowing users to see several images of a co-working clearly at once. Gallery was presented in a slide show
The gallery is a way of integrating images into a website, allowing users to see several images of a co-working clearly at once. Gallery was presented in a slide show
CTA
Call to actin on a website with an instruction to the visitor in order to encourage them to take action - Register for free Trial, with a countdown to make them decide faster
Call to actin on a website with an instruction to the visitor in order to encourage them to take action - Register for free Trial, with a countdown to make them decide faster
The following phase was developing the details; it needed to end up being ready to fit the organized layout. The text hierarchy, graphics, as well as images, required to end up being coherent with the overall look & feel and delivering the message precisely
LATEST NEWS
is where a signature offer or a specific product or service is described you sell. In fact, one of the most common ways that people land on service pages is through Google
is where a signature offer or a specific product or service is described you sell. In fact, one of the most common ways that people land on service pages is through Google
CALL TO ACTION
is where a signature offer or a specific product or service is described you sell. In fact, one of the most common ways that people land on service pages is through Google
is where a signature offer or a specific product or service is described you sell. In fact, one of the most common ways that people land on service pages is through Google
FUTURE EVENTS
compelling, clear, concise event descriptions
compelling, clear, concise event descriptions
OUR TARIFFS
there are 3 variants of basic tariffs: Guest, Premium and Residents [Best Value], so customers can choose any of them straight from the Home page
there are 3 variants of basic tariffs: Guest, Premium and Residents [Best Value], so customers can choose any of them straight from the Home page
CONTACT
this part of the Home page dives into a piece of information about addresses, email and phone for the 2 main offices
this part of the Home page dives into a piece of information about addresses, email and phone for the 2 main offices
WHAT OUR CUSTOMERS SAY ABOUT US
this is basically a review section, with social media links of people to prove their credibility
this is basically a review section, with social media links of people to prove their credibility
Learnings
In today’s digital age, your website is often the first impression your brand will make on potential customers or partners. It’s where they’ll decide if it’s worth investing their money or time, and no one wants to invest in something that feels outdated or out of the loop. That’s why it’s more important than ever today to keep your website fresh and distinct—and be sure you’re making the right impression
Results
Cohesive brand identity
A website redesign gave the opportunity to take a step back and ensure your brand is putting a cohesive foot forward
Improved SEO and site performance
Optimized site performance with relevant keywords, ensuring the website’s content matches what users are searching for and what they can find when they arrive
Refreshed content strategy
You’re enhancing user flows, improving content and optimizing the experience. But what about your content strategy? Think about your digital presence holistically and refresh your content strategy in tandem with your website to create a unified, cohesive and modern digital powerhouse.
Increased flexibility
Updated CMS by switching to a custom system provided more control over the content
Responsive for all screens
Responsive web design allowed for flexibility and accessibility on all screen resolutions, which was beneficial for the brand because it creates a unified look and feels across mobile, tablet and desktop without needing unique websites
A website redesign gave the opportunity to take a step back and ensure your brand is putting a cohesive foot forward
Improved SEO and site performance
Optimized site performance with relevant keywords, ensuring the website’s content matches what users are searching for and what they can find when they arrive
Refreshed content strategy
You’re enhancing user flows, improving content and optimizing the experience. But what about your content strategy? Think about your digital presence holistically and refresh your content strategy in tandem with your website to create a unified, cohesive and modern digital powerhouse.
Increased flexibility
Updated CMS by switching to a custom system provided more control over the content
Responsive for all screens
Responsive web design allowed for flexibility and accessibility on all screen resolutions, which was beneficial for the brand because it creates a unified look and feels across mobile, tablet and desktop without needing unique websites
Overall, this project was fairly straightforward and I felt positively challenged and motivated throughout the whole process
UX case study provides an insight into the intricate design process for an architecture company, from the beginning stages of hypothesizing and research to visual design
UX Research
UX/UI Design
© All Rights Reserved 2022
