Brussels
    Brussels
    graphicgraphic
    Play Reel
    UX / UI design

    UX/UI design is an essential part of creating products and services that are both easy to use and provide a positive experience for the user. Based on a user-based approach, our designers will ensure that your digital products seamlessly integrate with your brand and provide users with a tailored experience.

    01
    Kick-off

    A successful kick-off relies heavily on a thorough comprehension of the project’s needs, requirements, and challenges. Hence the importance of this first phase, in which we delve into your business and user requirements to ensure that they are in perfect alignment.

    By conducting this thorough analysis, we can outline the project scope and draft the project requirements, setting the foundation for a successful project.

    User interviews

    Stakeholder interviews

    Use cases & journey maps

    Two people in a meeting, one gesturing while the other listens. A laptop with "studio ruelle" on the screen is on the table.Two men sitting at a conference table with laptops and notebooks, attentively listening. A flipchart and plants are in the background.Person writing "APP ICON" on a sticky note at a wooden desk, surrounded by other notes and a pen.
    02
    Architecture

    A well thought out sitemap provides a clear and concise visual representation of the website’s navigation structure. The sitemap includes all the main pages, sections, and subsections, ensuring that users can easily find their way around your website and access the information they need with ease.

    Wireframes are the next crucial step in the webdesign process, allowing clients, designers and developers to quickly visualize the layout and structure of each page. When we start implementing the first content, we’ll move from low fidelity to mid fidelity wireframes. Once validated we’ll start adding the visual layer to our now pretty boring but essential black/white skeletons.

    Sitemap

    Lo-fi wireframes

    Mid-fi wireframes

    Two hands arrange small, labeled paper cards on a wooden table, possibly organizing ideas or tasks.Person sketching a mobile app design on graph paper with a pencil, focusing on layout and interface elements.Person with glasses and red hair working on a laptop at a wooden table, viewing a design software interface. Large window in the background.
    03
    Prototype

    It’s time to leverage our designers’ expertise and transform the previously elaborated brand guidelines into a comprehensive set of UI guidelines. This will enable us to create a high-fidelity wireframe. Every detail, including buttons, hover effects, animations and icons, will be carefully considered and fine-tuned to ensure the wireframe reflects our brand identity and resonates with our target audience.

    A meticulous attention to detail and pixel-perfect approach will make the hand-over process to our development team as smooth and efficient as possible, leaving close to no room for ambiguity or uncertainty.

    Hi-fi wireframe

    Pixel perfect prototype

    UI styleguide

    Person reviewing a website design on a MacBook Pro, featuring text and images in a design software interface.Person holding a smartphone displaying the same "Fit for Purpose Energy" webpage as the monitor in the background.Three people in a meeting room, one presenting on a large screen displaying a website. Laptops are open on the table.

    Other
    services

    01

    Discover
    Branding

    Your brand is the cornerstone of your business. We create powerful brand identities that accurately represent your values and connect with your target audience ...

    Learn more

    03

    Discover
    Web development

    From code to launch, our deep expertise in web development brings your website to life ...

    Learn more
    Bubble
    Bubble
    Bubble