UI/UX Design in Barcelona for Multilingual Products, Travel Platforms and PLG SaaS

ZTABS designs digital products for Barcelona companies. We are remote-first by design, with an office in Houston, Texas.

Barcelona is one of Europe's most dynamic design cities, a UNESCO City of Literature since 2015. The city's design tradition from Gaudi's architecture to contemporary studios establishes aesthetic expectations that influence digital product design. Barcelona users interact with products from local companies that set UX standards: Glovo (Barcelona-based delivery platform operating across multiple markets), Wallapop (marketplace UX that built trust in peer-to-peer commerce), Typeform (proving that design quality can be a SaaS competitive advantage) and CaixaBank (Spain's largest retail bank with one of Europe's most awarded banking apps). Our broader capabilities are on the UI/UX design services page, and planning benchmarks are in the UI/UX design cost guide.

Barcelona design navigates genuine multilingual complexity. The city operates in three languages: Catalan (the co-official language of Catalonia, a distinct Romance language spoken by 6+ million people), Spanish (Castilian) and English. Products targeting the Catalan market in Spanish-only are perceived as culturally tone-deaf, particularly for government, education and cultural sector applications. Barcelona also positions naturally for Latin American markets: Spanish-language products can extend to LatAm with linguistic adaptation for regional variants. GDPR (directly applicable in Spain, complemented by LOPDGDD as the national supplementary law) and LSSI (Ley de Servicios de la Sociedad de la Informacion) govern privacy and e-commerce UX requirements. The data protection supervisory authority in Catalonia is APDCAT (Autoritat Catalana de Proteccio de Dades) for public sector and entities it covers; AEPD (Agencia Espanola de Proteccion de Datos) is the national authority.

Barcelona UI/UX design at a glance

Travel, e-commerce and SaaS design

Barcelona is Spain's top tourist destination. Travel UX challenges include: mobile-first experience discovery (tourists browse on phones while walking Barcelona's streets), real-time availability with map-based browsing (tourists searching for experiences near Sagrada Familia or in El Born), multilingual booking flows for international tourists, and social proof integration (photo reviews from previous guests). Payment UX for Spanish e-commerce includes Redsys (Spain's dominant payment gateway handling most Spanish card transactions) and Bizum (mobile payment used by millions of Spanish users, increasingly expected in e-commerce). Payment method ordering should reflect the product's audience: Spanish users typically expect Bizum where the merchant has the applicable Bizum provider agreement, international users see card first. Apple Pay and Google Pay supplement traditional methods where the merchant has the applicable agreements.

Barcelona's SaaS ecosystem is PLG-focused. Product-led growth UX addresses: first-run experiences delivering value within a measured benchmark (not product tours explaining features but actual value delivery), progressive disclosure (showing the features users need most, introducing complexity as the user grows), upgrade triggers that feel helpful rather than obstructive, and viral loops designed to generate organic sharing. Multi-language product interfaces typically serve Spanish, English and 3 to 5 additional European languages. The language set and priority depend on the product's target market.

Catalan language and LatAm expansion

Catalan is not a dialect of Spanish; it is a distinct Romance language. Products must accommodate Catalan-specific characters (c-cedilla, ela geminada and accented vowels). Typography validation for Catalan characters at all sizes is essential. The design tone that works in Catalan (often warmer and more personal) differs from Spanish conventions and English directness.

For products extending to Latin American markets, Spanish regional variants require locale configuration: vosotros to ustedes, vocabulary differences and currency adaptation. The same design system can serve both European and LatAm markets. The scope and cost of localisation depend on the number of target markets, the depth of adaptation needed and whether UX writing is provided in each variant.

How Barcelona UX design delivery works

Discovery (2 to 3 weeks, illustrative) involves user research adapted to Barcelona's diverse population (local Catalans, Spanish nationals, international expats reflecting the actual user base), analytics review, competitive benchmarking against Spanish and European market leaders, and A/B testing planning for ongoing optimisation. In-person research sessions can be arranged with agreed researcher availability and client/facility permission.

Design and prototyping (4 to 8 weeks, illustrative) produces design systems with trilingual support: component library in Figma with Catalan, Spanish and English variants, layouts stress-tested at maximum text length across all three languages, design tokens as CSS variables and Tailwind configuration, and Figma prototypes in multiple languages for user testing. Spanish regulatory UX includes design controls supporting applicable LSSI requirements for e-commerce (depending on the entity and its activities) and LOPDGDD privacy patterns.

Our usual stack: Next.js and React with internationalisation, Node.js for backend services, Tailwind CSS for design tokens.

Cost and timeline benchmarks

These are planning benchmarks from our published UI/UX design cost guide in USD.

These are scope-based benchmarks. Multilingual projects add to design effort per additional language for layout testing and UX writing. Spanish R&D tax incentives and ENISA instruments may apply to qualifying research and innovation projects; eligibility depends on the entity, qualifying research activities and eligible expenses. Not all UX or design work qualifies. Consult a qualified tax adviser. See the full cost breakdown.

Choosing a design partner for Barcelona projects

This comparison is for a 25-screen SaaS application with two rounds of user research, design system, clickable Figma prototype and developer handoff. Rates reflect 2026 generic mid-market US/EU benchmarks from our published cost guide.

When ZTABS is not the right fit

• You need daily in-person collaboration in Barcelona for the duration of the project. We are remote-first for ongoing design work. Stakeholder workshops can be conducted in person or remotely as agreed during scoping.
• You need Catalan or Spanish UX content creation beyond the engagement scope. Professional UX writing can be separately scoped with qualified Catalan and Spanish linguists.
• You need Spanish financial regulatory counsel. We design regulatory-aware interfaces. CNMV and Bank of Spain compliance should be guided by qualified counsel.
• You need marketing, branding, creative or advertising services. We design product interfaces. Marketing and creative services can be separately scoped; see our digital marketing services.

Risks and how we address them

Accessibility and privacy design patterns

Spain implements the EU Web Accessibility Directive and the European Accessibility Act (EAA) extends accessibility requirements to certain private sector products and services within its defined scope. We design with WCAG 2.1 AA as the technical target. Spanish accessibility requirements for public sector digital services are mandatory; private sector obligations depend on the entity and the EAA scope.

GDPR (directly applicable, complemented by LOPDGDD) and LSSI govern privacy and e-commerce UX. The data protection supervisory authority in Catalonia (APDCAT) covers public sector entities and others within its scope; AEPD is the national authority. Interface patterns include clear consent management, data collection transparency, cookie consent with equal-prominence options, consumer information requirements and right of withdrawal where applicable under consumer protection rules.

Healthcare, biotech and cultural sector UX

Barcelona has a significant hospital and biotech sector. Health UX addresses patient portal design for CatSalut (where the product has the applicable eligibility and data authority approvals) (the Catalan public health system), clinical trial recruitment interfaces for Barcelona's pharma and biotech cluster, and telemedicine platforms serving Catalan and Spanish-speaking patients. Health data handling requirements depend on the specific health data regulations applicable to the organisation and the nature of the data.

Spain has a large e-commerce market. Barcelona fashion and lifestyle brands (Mango, Desigual) need online experiences matching their in-store brand quality. Food and wine commerce addresses Catalan wine, olive oil and specialty food products with provenance storytelling integrated into the shopping experience. D.O. (Denominacion de Origen) products benefit from UX that communicates quality credentials and production heritage.

Barcelona's creative and cultural sector drives demand for design tools, cultural platforms and educational products. The city attracts designers from across Europe and Latin America, creating a diverse talent pool and a design community that values both visual quality and usability. Barcelona also offers positioning for products targeting European Southern markets (Spain, Portugal, Italy, Southern France) that share Mediterranean visual sensibilities.

Questions to ask any Barcelona UX design partner

ZTABS also builds custom white-label AI products that clients can brand and resell. For Barcelona SaaS companies building AI-powered features, UX design and AI development can be combined in a single engagement.

Before selecting a design partner, verify their capability. Ask about trilingual design: do they design Catalan, Spanish and English simultaneously? Ask about PLG SaaS: do they understand product-led growth UX methodology? Ask about travel: do they understand tourist behaviour patterns and mobile-first discovery? Ask about payments: do they design for Redsys and Bizum integration? Ask about LatAm: can they extend Spanish designs to regional variants? Ask about research: do they conduct usability testing with Barcelona's diverse population?

Post-design considerations

After design delivery, the product moves to implementation. Trilingual design systems include Catalan typography specifications and locale-aware component behaviour. For financial products, regulatory disclosures must be maintained as requirements change. For LatAm expansion, locale configuration handles regional Spanish variants without full redesign. Ongoing design maintenance can be scoped as a retainer engagement. Phase plans are illustrative and agreed during scoping. For products serving both European and LatAm markets, design system maintenance should include locale-based testing when new features are added to ensure regional variants render correctly. Barcelona's position as a major Southern European tech hub makes it a natural base for products scaling across Mediterranean markets with shared visual sensibilities and climate-aware mobile design considerations.