UX/UI Design.
We design the apps and websites we later build. Design and code come from the same team, so what you approve in the design is what ultimately makes it into production.
We design with the build in mind.
We've been designing digital products for over 10 years. Every decision considers the people who will use the product, your business goals, and how it will actually be built.
✓ Mobile app, web application and e-commerce design
✓ Prototyping to validate the product before building it in full
✓ Design systems built to go from Figma to code
✓ Design and development working as one team
Have a product to design and build?
What we can create for your product.
We adapt our design process to what each project needs, always keeping implementation in mind. This means what we define during design can move into development without being reinterpreted along the way.
Information architecture
We define the structure of your app or website before getting into individual screens. We work through the main user flows, content hierarchy and navigation, considering both the user experience and the logic behind the product.
Wireframes
Once the flows are clear, we define what each screen contains and how it's organised. We create low- or mid-fidelity wireframes to work through structure, hierarchy and behaviour before moving into visual detail.
They also help us align content and design from the start and spot decisions that could make development unnecessarily complex.
User interface (UI)
We shape the visual side of the product without separating the interface from how it will work. We design components, states and interactions with real-world use and implementation in mind.
Typography, colour, iconography and components create a visual language that's consistent with your brand while forming a system that can be translated into code.
Prototyping
The best way to validate a design is to use it. Depending on the project, we create a clickable Figma prototype or an initial working version with sample data.
This lets us test the main flows before building the full product and make changes while they're still quick and straightforward to implement.
Design systems
We create reusable component libraries in Figma, with tokens, states and usage guidelines that map to their counterparts in code. Design and development work from the same system, preventing the two from gradually becoming different versions of the product.
This speeds up development and keeps the product consistent as it grows. For Bassols, the design system enabled another team to build the e-commerce platform without depending on us.
Tools we use.
Case studies.
Products we designed and built: the site of a tourism business that nearly doubled its sales, an app hundreds of pharmacists use every day and the app of a health data cooperative connected to Apple Health and Google Fit.
Our clients.
Companies that trust us to build and evolve their digital products.
Thanks to Liquid, we are more efficient and have gained independence by having our own software. For us, it has been a life-changing experience, especially because we avoid quotation errors that could cost us clients. The great team dynamics and excellent treatment, not only for the product result but also for the relationship, patience, and support.
Marta CaparrósCEO de YouTOO
Liquid was an excellent IT partner for MyPoppins. Its team knows how to apply all the development standards we expected from them and they have a lot of expertise in the subject. We’ll keep working with Liquid and we recommend them without hesitation.
View case study
Rubén VilarCTO at MyPoppins
The Liquid team fulfilled our objective of designing and creating a laundry on demand APP with good usability for the user. They also offered us great flexibility to adapt to our growth. What we have most enjoyed working with them is the empathy, enthusiasm and commitment to the project.
View case study
Ramon PlansCEO at WOSH
FAQs
We don't specialize in corporate identity or branding design. Our focus is on digital interface design (apps and web). If you need a logo, brand guidelines, or complete identity, we can recommend specialized branding partners we can coordinate with to implement the identity in your digital product.
It depends on project complexity. For products with many screens or complex flows, wireframes are essential to validate structure before investing in visual design. For simpler projects or when a clear architecture already exists, we can jump directly to UI design. In the initial consultation we evaluate which process is most efficient for your case.
Almost always, especially for apps and products with complex interactions. Testing the design before the whole product is built avoids costly changes during development. Depending on the project, the prototype can be clickable in Figma or a first version that already works, with sample data, even if it has no real users yet.
Design is usually part of the development project and goes into its budget. As a guide, in an eight-week Complete MVP, design and the prototype take two. If you only need design, the price depends on the number of screens, how complex the interactions are and the iterations; in the first call we give you an estimate, and then a fixed quote.
It depends mostly on the review rounds and how quickly feedback comes, more than on the number of screens. We work in phases and validate each one with you before moving on, so the timeline depends on your team as much as ours. In the first call we give you an estimate based on the scope.
Sometimes. At Bassols we designed the whole e-commerce site and its design system for another team to build on Magento, and we supervised the implementation. We hand over an organised Figma file, the specs and the design system, and stay available while it is built. Even so, we add the most when we build it too: design and code come from the same team.
