ProjectCase Study

AskCody

A hybrid workplace concept for desk booking, room availability, and resource management inside Microsoft Teams.

Date

2022

Category

Enterprise product

Key skills

TypeScriptReactFluent UIEnterprise UX
AskCody
01Overview

Overview

AskCody builds digital tools for meeting and workplace management. As office culture shifted toward hybrid work, the product needed to support a broader challenge: helping teams coordinate people, spaces, and shared resources.

02Problem

Problem

The shift from static offices to hybrid work changed how companies use desks, rooms, and shared spaces. Existing resource-management tools were not designed for that flexibility.

03Objective

Objective

The objective was to explore a software concept that helps companies use office resources efficiently while giving employees more flexibility.

04Design Thinking

Design Thinking

We used a design-thinking process to keep the concept grounded in user needs while exploring a new workplace model.

05Empathize

Empathize

Interviews

We prepared an interview guide and selected participants with experience in corporate office environments.

The interviews highlighted a need to use space more efficiently, automate everyday coordination tasks, and support hybrid work without creating more friction.

Personas

Role-based personas helped us represent the needs, motivations, and pain points of the main user groups.

Case study visual
Case study visual
06Define

Define

We synthesized the research into a more focused definition of the problem.

Point of View

Actionable problem statements helped clarify the barriers people faced in a digital-first workplace.

Case study visual
Case study visual
Case study visual
Case study visual
07Ideate

Ideate

Crazy 8s

With the research in place, we explored the product structure and the features needed by different user groups.

Timed ideation exercises helped us generate and compare possible features quickly.

Case study visual
Case study visual

Card Sorting

We then ran a card-sorting study using features identified during brainstorming.

Card Sorting

A hybrid card sort suited a product centered on functionality rather than content alone.

The results revealed additional categories and improved the structure.

Case study visual
Case study visual
Case study visual

Information Architecture

A sitemap made the product structure visible and established the relationships between features, content, and user flows.

Case study visual
Case study visual

Before finalizing the information architecture, we mapped the strongest categories, their functions, and their dependencies.

Case study visual

User Stories

User stories helped us check whether the concept addressed the main customer goals and product requirements.

We considered both the project goals and the technical constraints.

The final user-story list framed the software features from the users' perspective.

Case study visual
08Prototype

Prototype

Sketches

Initial sketches captured the direction, clarified the page structure, and made the information architecture easier to evaluate.

Case study visual
Case study visual
09Low-Fidelity Wireframes

Low-Fidelity Wireframes

Low-fidelity wireframes introduced more detail and a clearer information architecture.

Based on the card sort, we moved the most important destinations into the header and organized the concept into five main pages.

Low-Fidelity Wireframes visual 1
010Mid-Fidelity Prototype

Mid-Fidelity Prototype

The design used Fluent UI while retaining AskCody's visual identity.

The dashboard included a calendar overview for upcoming events and a support-ticket widget for project managers.

Mid-Fidelity Prototype visual 1

The color system needed to feel compatible with Microsoft Teams while keeping AskCody recognizable.

 visual 1
012High-Fidelity Mockups

High-Fidelity Mockups

The final iterations combined the design system, custom assets, and the main interactive states.

We defined how the key interactions should behave and incorporated additional feedback.

High-Fidelity Mockups visual 1
High-Fidelity Mockups visual 2
High-Fidelity Mockups visual 3
High-Fidelity Mockups visual 4
013Mobile & Watch

Mobile & Watch

To support quick bookings on the move, we explored both mobile and watch companion experiences.

Mobile & Watch visual 1
Mobile & Watch visual 2
014Summary

Summary

The final concept extends AskCody's ecosystem with a centralized resource-management experience inside Microsoft Teams.

It gives employees and managers a clearer overview of desks, rooms, events, and support needs in a hybrid workplace.

MoreSelected Work