Whitepace

Services

UX/UI Design

Category

SaaS

Overview

Project Duration: 1 Week

Role: UX/UI Designer

Tools: Figma, Illustrator, Photoshop

🔥 Checkout the Figma File: https://bit.ly/3SOZK5z

Introduction

In collaboration with Workspace, I took on the role of UX/UI Designer to design their digital presence through a visually compelling landing page. Leveraging my expertise with Figma, the project aimed to encapsulate their brand identity and communicate it effectively to their audience.

Discovery and Research

To kickstart the project, I conducted a comprehensive product analysis, competitor analysis on leading workspace management tools and customer research. This provided valuable insights into the industry's information architecture, helping me understand the essential website's sections to incorporate into Workspace's landing page.

Wireframing and Information Architecture

Now we focus on creating wireframes, focusing on the optimal page structure and information flow. Each section was thoughtfully crafted, with careful consideration given to UX best practices. The wireframes served as a blueprint for the subsequent design stages.

The Design System: Colors, Typeface and Grids

After the wireframes, we focus on building a design system so that company can always follow brand guidelines and keep a consistency throughout the website. This involves creating color system, typeface system and grid system.

High-fidely Mockups

Now we focus on creating the high-fidelity design/mockups. The design is focused on modern trends and aesthetics to match the competition while maintaining consistency.

Responsive Variations for all devices

We made sure the landing page design is responsive for all devices that includes desktops, tablets and mobile.