Modernizing Litespace's digital experience.
Helping an AI-powered HR technology company improve its website experience through clearer navigation, thoughtful UI design, and scalable web development.
The project
Redesigning Litespace's website for a growing HR technology company.
Litespace is an AI-powered HR technology company focused on helping organizations streamline workplace and people-management processes.
As a Product Designer, I worked on improving and expanding the company's public-facing website. The existing experience needed a more modern visual direction, clearer navigation, and better ways for visitors to discover relevant content.
My work spanned redesigning existing pages, creating new experiences, contributing to a reusable design system, and implementing designs directly in Webflow.
From pricing and webinars to blogs and HR resources, the goal was to create a more consistent, engaging website that could evolve alongside the business.
A website ready for change.
A growing platform with a website that needed to catch up.
As Litespace evolved, its website wasn't keeping pace with the company's needs. The existing interface felt outdated, and inconsistent layouts and design patterns made it harder to deliver a cohesive experience across pages.
The business also wanted to attract more visitors and encourage them to explore its content, particularly its growing library of HR resources and blog articles. Improving discoverability, usability, and engagement became important priorities.
Beyond refreshing the visuals, the challenge was to create a website that could accommodate new content and experiences without sacrificing consistency or becoming increasingly difficult to maintain.
An outdated and inconsistent interface
The website had older layouts and visual patterns that no longer reflected Litespace's evolving brand. Updating individual pages without a shared design foundation also made it difficult to maintain consistency across the experience.
Content that was difficult to discover
As the library of blog articles and HR resources grew, visitors needed clearer ways to browse, filter, and navigate content. Improving discoverability was important to encourage deeper exploration of the website.
Supporting growth without adding complexity
New pages and content experiences needed to be designed and launched efficiently. Without reusable components and structured CMS templates, maintaining a cohesive website would become increasingly challenging as Litespace expanded.
From concept to launch.
Taking ideas from early explorations to live experiences.
My work followed an iterative design process, moving from understanding requirements and exploring early layouts to refining high-fidelity designs through feedback. Beyond the design stage, I also implemented approved pages directly in Webflow, connecting CMS-driven content where needed.
Understanding the requirements
I started by identifying the purpose of each page, the content it needed to communicate, and how visitors should navigate through it. This helped establish a direction before moving into design.
Exploring layouts and user flows
I used low- and mid-fidelity wireframes to explore page structures, content hierarchy, navigation, and interactions before committing to a visual direction.
Refining through feedback
I developed high-fidelity designs in Figma, incorporating Litespace's visual identity and reusable components. Feedback helped me iterate on the layouts and interactions before implementation.
Building and launching in Webflow
I designed screens, interactions, and error states, and used regular BA touchpoints to clarify requirements, close gaps, and iterate.
Designing across the Litespace website.
My work extended across multiple areas of Litespace's website, from product-focused experiences to educational resources and content-driven pages.
Each page presented different challenges, whether it was organizing pricing information, helping visitors discover HR resources, or creating clear registration experiences for upcoming webinars.
The examples below highlight a selection of the pages I designed and implemented, bringing together consistent visual patterns, clearer content hierarchy, and reusable layouts across the website.
Turning designs into live experiences.
Designing and launching new website experiences.
Beyond refreshing existing pages, I designed and implemented new experiences that expanded Litespace's website and made its content more accessible to visitors.
From pricing and use cases to webinars, podcasts, HR resources, and product updates, each page served a different purpose. My focus was on creating clear content hierarchies, intuitive navigation, and consistent interfaces that helped visitors explore the platform and its resources.
I carried these experiences from Figma into Webflow, using CMS collections where appropriate to make content easier to publish and maintain.
Making product information easier to explore.
I designed Litespace's Pricing and Use Cases pages from scratch, creating clearer ways for visitors to explore the platform's capabilities and understand its value.
The pricing experience organized different plans, billing options, and included features into a structured layout that made comparison easier. The Use Cases page took a different approach, presenting practical workplace scenarios through a browsable collection of cards.
Both experiences focused on making information easier to scan, helping visitors find what was relevant to them and supporting more informed decisions about Litespace.
Creating a more accessible resource ecosystem.
As Litespace expanded its educational content, I designed new experiences to help visitors discover and explore relevant HR resources.
This included the HR Glossary, Podcasts, and Webinar pages, each with different content and navigation requirements. The HR Glossary organized workplace terminology into an alphabetical directory, while the Podcasts and Webinar pages provided structured layouts for browsing content and learning more about individual episodes or events.
I focused on clear information hierarchy, consistent content patterns, and intuitive navigation, while using Webflow CMS functionality where appropriate to support ongoing content updates.
Making information easier to access and maintain.
As Litespace's website expanded, I designed content-focused experiences that helped visitors find relevant information through clear, consistent layouts.
The Product Updates page provided a structured way to explore new features and announcements, while the Help Center organized support resources into an approachable, easy-to-navigate interface.
Across these experiences, I focused on information hierarchy, reusable design patterns, and implementing layouts in Webflow that could support the website's evolving content needs.
Designing beyond the interface.
Taking ownership from design to development.
As a Product Designer at Litespace, I worked across the company's public-facing website, designing new pages, improving existing experiences, and contributing to a more consistent visual language. My responsibilities covered the full design process, from understanding requirements and exploring early concepts to refining high-fidelity designs through feedback.
Unlike projects where my involvement ended at design handoff, I also implemented my work directly in Webflow. This included building responsive layouts, working with CMS collections, and translating reusable components into functional website experiences. Collaborating with stakeholders throughout the process allowed me to balance usability, business priorities, and implementation needs.
Key contributions
UX/UI Design · Website Development · Information Architecture · Design Systems · Webflow CMS · Stakeholder Collaboration
Building a stronger foundation for growth.
A more cohesive website, designed and built to evolve.
My work at Litespace helped transform an outdated website into a more cohesive and content-rich experience. I designed and implemented new pages, improved existing layouts, and introduced consistent patterns across product information, educational resources, and supporting content.
These improvements supported the company's broader efforts to attract visitors and encourage deeper exploration of its website. Traffic increased during this period, although the impact of individual design changes wasn't measured separately.
Designed and launched new pages for pricing, use cases, webinars, podcasts, HR resources, product updates, and support—giving visitors more ways to explore Litespace's offering.
Contributed reusable components and layouts that created greater visual consistency across the website and provided a foundation for future pages.
Took website experiences from early design concepts through feedback and iteration to implementation in Webflow, including CMS-driven content where appropriate.
Designing with implementation in mind.
Working at Litespace gave me the opportunity to take ownership of website experiences beyond the design stage. From exploring early concepts in Figma to implementing finished pages in Webflow, I learned to think not only about how an interface looked and functioned, but also how it would be built, maintained, and expanded.
The experience strengthened my ability to balance user needs, business objectives, and technical constraints. It also reinforced the value of reusable design patterns and close collaboration, especially in a growing company where priorities and requirements were constantly evolving.
