COMUNI | UX/UI Design & Webflow implementation

COMUNI is not a university. It is a community that connects young people in Paris who are studying online, taking a gap year, or working on personal projects. It helps them find affordable housing options, build connections through local events, and experience the social and cultural side that traditional education often provides.

My role combined UX/UI design and Webflow development, from early research to implementation, helping shape both structure and message.

The project began at a stage where ideas were still being formed. My first step was to understand the concept, the audience, and the goals behind it. I joined calls, took notes, and organized everything into a clearer direction.

The main target groups were students, parents, and potential university partners.

With limited resources, I focused on the basics that work in UX: clarity, usability, and empathy.

I created three personas to guide the process. I don’t usually create personas for every project, but since this one involved different audiences and a concept still evolving, it was essential to bring focus.

After defining the personas, I analyzed what the client had originally sent me: a structure full of repetition, unclear flow, and no real connection between pages.

I basically rethought everything. Using the personas and the business goals as a guide, I rebuilt the information architecture from scratch, making it simpler, logical, and aligned with how users actually navigate.

Main changes: • Merged “Study at COMUNI” and “COMUNI Life” into one clear page • Added a FAQ page to address recurring doubts and build trust • Distributed key questions across pages with links to the main FAQ

The result was a clear, goal-driven structure that made sense to users and removed all the confusion from the original plan. Discover (Home) → Explore (COMUNI Life) → Understand (Mission & FAQ) → Act (Join COMUNI)

First live version with pages: Homepage, COMUNI Life, Partner with Us, Our Mission, FAQ, and Contact Us.

I started with hand-drawn sketches and those were my wireframes.

Here's a sketch that I found with a few marks(coffee) from the process still on it😂

The second phase focused on growth and localization. I added Student Life in Paris, Summer & Gap Years, and For Parents pages. I also implemented French localization using Webflow’s native feature to make the experience more accessible and inclusive. Since for now the main place for Comuni is Paris.

At first, the content made COMUNI sound like a university. After refining the structure, I used AI tools to rewrite and organize the text based on personas and user motivations. The new copy clarified COMUNI’s true identity as a community that enhances the online study experience rather than replacing formal education.

As this was the early stage of the project, ideas were still taking shape and evolving as we moved forward. It required flexibility and continuous alignment to bring structure and clarity to the concept.

If I were to do it today, I would implement it using the Lumos framework, which provides even more flexibility, scalability, and component organization compared to Client-First (for me). I would also dedicate even more attention to the content strategy.

• Simplified and user-centered structure • Bilingual Webflow website ready to scale • Improved navigation and user understanding

Base UI concept inspiration: https://webflow.com/made-in-webflow/website/capital-template