Luccid.ai
Product Redesign
UX/UI: A. Vangelatos, G. Gibson
Duration: 3 weeks
Imagine crafting your dream home with a few simple clicks and then collaborating with a handpicked architect to develop it. This is the revolution that a Berlin-based startup, is bringing by using the power of artificial intelligence. As UX/UI team, our mission was to completely restructure their product while integrating new, cutting-edge features.
First Try Out,
Then Sign Up!
Recognizing the importance of allowing users to explore before committing, we introduced the
Try It Out button. This lets potential subscribers test the product without any obligations. Additionally, we've implemented a select set of essential Onboarding Questions. So, when new users open the design editor, they see a personalized design rather than an empty page. By ensuring a pleasant first experience, we not only reduce bounce rates but also encourage users to sign up later and save their progress!"
AI and Classic Design Editors Available!
Our biggest finding was that not all users have the same comfort with technology. Some older people may not be familiar with AI dialogue-based tools. To provide flexibility, we introduced two design options: The AI Design Editor for creating designs through interacting with the AI-Chatbot and the Classic Design Editor with prominent, easy-to-use buttons.
Stay on Track and Have Control of Your Project
One big challenge we faced was ensuring a smooth navigation from design to construction, including all intermediate stages. By adding the following three features, we not only offer control and clarity to our users, but we also foster trust in the product and the brand.
Dashboard
Showcases the most important information such as budget and surface area.
Timeline
Provides a real-time update on completed tasks and upcoming stages, including financial arrangements and developer engagements.
Progress Bar
Keeps users informed about what is going on within each phase.
Focus on What Matters
To reduce cognitive load and create consistency, we've divided our interface into two areas. The left area is where all interactions with the editors are happening, while the right area prominently displays designs.
Drawing from the brand's primary color, we used light purple to highlight the area where interaction is taking place, allowing users to concentrate. A richer shade of dark purple was used for essential buttons, indicating important next steps.
Prototype
Press play and see Luccid in action!
old version
Wanna see the full UX Design process?
Then visit Medium and read about every step we followed. Learn about the strategy we implemented and the challenges we faced.