Lisa Solutions: UI/UX & Webflow Transformation

Lisa Solutions: UI/UX & Webflow Transformation for the Future of Micro-Mobility

Project Context & Business Challenge

The previous Lisasolutions.com website was not only visually outdated and inconsistent, but crucially functionally inadequate. Its lack of responsiveness severely impacted mobile user engagement, and the chaotic design made it difficult to comprehend the company's comprehensive offering. This directly led to a loss of credibility among potential clients and hindered the effective communication of their sustainable mobility mission.

Major UI/UX Challenges and Solutions:

One of the key challenges was to present Lisasolutions.com's complex, multifaceted offering—ranging from fleet management, connectivity, and mobile apps to business and operational aspects—in a way that was clear, intuitive, and not overwhelming. The solution involved implementing a logical information architecture, a modular content structure, and visual hierarchies that guide the user step-by-step through the various areas of business, building a complete understanding of the company's value. We focused on infographics and clear text blocks to make complex processes easily digestible.

Design Process – From Strategy to Pixel

New Visual Identity: Logo & Brandbook

The creation of a new logo and a comprehensive Brandbook was fundamental to the complete refresh of Lisasolutions.com's visual identity. The new logo, modern and reflecting the dynamism of micro-mobility, became the starting point for a consistent color palette, typography, and cohesive visual language throughout the entire project. The Brandbook ensured a uniform aesthetic and brand message across every page, building a strong, recognizable, and professional company image that fully conveys its mission of innovation and sustainable development.

Design System: The Foundation of Cohesion

With the aim of unifying and organizing the visual aspects, I created a comprehensive Design System.

Wireframing & Iterations

Hi-Fidelity Designs in Figma

When designing each element, I prioritized accessibility and compliance with WCAG standards, ensuring an intuitive and usable experience for every user.

Every element of the page was designed and implemented with a mobile-first approach, ensuring flawless performance and a consistent, intuitive experience on smartphones and tablets. Thanks to full responsiveness, mobile users can freely explore Lisasolutions.com's offerings, easily navigate content, and engage with key interactions, which was a priority in the context of the dynamic micro-mobility industry.