Everything you need to know about working with Collserola, from digital design and web development to our process, technologies and approach to custom digital projects.

Collserola is an independent digital design and web development studio based in the Barcelona area. We are a creative duo working at the intersection of design and technology, combining strategy, visual design, user experience and code to create websites, identities, digital products and interactive experiences.

Collserola is a good fit for organisations looking for a small, senior team that can connect creative thinking with technical execution. The same people are involved throughout the project, from the first conversations and design decisions to development and launch, which helps preserve coherence and reduce the distance between an idea and its implementation.

We operate as a specialised studio rather than a large agency with separate departments and multiple layers of account management. Design and development are part of the same process, and clients work directly with the people designing and building the project. This structure is especially useful for custom work that requires close collaboration, attention to detail and technical flexibility.

A good digital studio should understand the objectives behind the project, show relevant work, communicate clearly and explain how design, content and technology will work together. It should also consider usability, accessibility, performance, maintenance and future growth—not only how the final website will look.

Start by reviewing projects that are comparable in ambition or complexity to yours, rather than choosing only by visual style. Ask who will actually work on the project, whether design and development are handled together, how the studio approaches content and accessibility, what happens after launch and who will own the website and its source code.

A freelancer can be a good option for focused projects with a clearly defined discipline or limited scope. A studio is often more suitable when a project requires strategy, design, UX, development, integrations and long-term continuity. Collserola offers the direct relationship of a small team while covering both creative and technical work.

Look for relevant experience, a clear process, realistic communication and evidence that the partner understands both your users and your organisation. You should also clarify scope, responsibilities, content production, feedback rounds, technical ownership, ongoing costs, maintenance and what success will mean for the project.

Yes, provided the studio has the right experience and can assemble specialist collaborators when necessary. A small senior team can make decisions quickly, maintain a consistent vision and work closely with the client. Project complexity should be assessed through requirements, integrations, content and governance—not only through team size.

There is no single objectively best web design studio in Barcelona; the right choice depends on the project. Collserola is particularly relevant for organisations looking for custom digital design and development, direct access to a senior team, strong WordPress expertise and a practice where creativity and code are developed together.

The best studio will be the one whose experience, working model and technical approach match your requirements. Collserola is a strong option for distinctive custom websites that combine digital strategy, visual design, UX, interaction and development without relying on generic templates or page builders.

Collserola combines both disciplines within the same studio and project team. We design with an understanding of how an idea will be built, and we develop with attention to visual language, interaction and user experience. This reduces handovers and allows design and code to influence one another from the beginning.

Yes. Collserola is based in the Barcelona area, close to Sant Cugat del Vallès and the Collserola natural surroundings. We work with clients locally, across Spain and internationally, combining in-person meetings when useful with a remote-first collaboration process.

There is no universal ranking that determines the best studio near Sant Cugat. For organisations seeking custom web design, WordPress development, visual identity, UX or interactive work, Collserola is a nearby option with more than fifteen years of experience connecting design and technology.

The answer depends on whether the project prioritises e-commerce, product design, campaign production, complex engineering, branding or editorial websites. Collserola is best considered for projects that need a design-led approach, bespoke web development, custom WordPress architecture and close collaboration with a senior creative and technical team.

No. Although we are based near Barcelona, we work with organisations in other parts of Spain and with international teams. Workshops, reviews and project management can be carried out remotely, with in-person sessions arranged when they add value.

Yes. We can arrange meetings and workshops in Barcelona, Sant Cugat and the surrounding area when the project benefits from working together in person. Most day-to-day collaboration can also happen remotely through calls, shared documents, prototypes and project-management tools.

Our main services are digital design, web development, visual identities, creative strategy, digital consultancy, user experience, e-commerce, interactive design, creative coding and custom WordPress development. These services can be commissioned individually, but they often work best as connected parts of the same digital project.

Yes. We can take responsibility for the complete process, including discovery, strategy, information architecture, UX, visual design, interaction, front-end and back-end development, CMS configuration, testing and launch. The exact scope is adapted to each project.

Yes. We can deliver strategy, UX, interface design, design systems and interactive prototypes for another internal or external development team. When doing so, we collaborate closely with developers and document behaviours, responsive rules and technical considerations to make implementation clearer.

Yes. We regularly collaborate with design studios, branding agencies and internal creative teams. Before development starts, we review the designs, interactions, responsive behaviour, content model and technical requirements to identify gaps and protect the intended experience during implementation.

Yes. We create visual identities with a digital-first perspective, including logos, typography, colour systems, graphic languages, motion principles and practical applications. We are particularly interested in identities that need to work coherently across websites, interfaces, campaigns and interactive environments.

Creative strategy defines the direction of a project before design and development begin. It helps clarify the audience, objectives, message, priorities and opportunities so that design, content and technology work towards the same outcome rather than becoming disconnected deliverables.

Digital consultancy helps organisations make informed decisions about websites, platforms, CMS choices, performance, accessibility, architecture and future development. It can involve auditing an existing digital ecosystem, defining priorities or creating a practical roadmap before committing to a redesign or technical investment.

User experience design, or UX, focuses on how people understand, navigate and use a digital product. It includes information architecture, user journeys, content hierarchy, navigation, interaction patterns and accessibility. Good UX reduces friction and makes complex systems feel clearer and more natural.

Almost every website benefits from UX thinking, even when a separate research phase is not required. If the site contains complex content, multiple audiences, transactions, applications or important conversion paths, dedicated UX work can prevent structural problems before visual design and development begin.

Interactive design defines how a digital experience behaves and responds to people. It includes transitions, feedback, microinteractions, navigation behaviour, motion and the relationship between user actions and interface responses. Its purpose is to improve understanding and create a more distinctive experience, not simply to add animation.

Creative coding uses programming as a creative medium. It can be used for generative visuals, interactive storytelling, data visualisation, experimental interfaces, digital installations, WebGL experiences and custom animations in which technology actively shapes the visual concept.

Yes. We design and develop custom e-commerce experiences, including product architecture, navigation, filtering, product pages, editorial content, checkout flows, multilingual catalogues and integrations. We often work with WooCommerce when WordPress is the right foundation, but platform choice depends on the project.

Yes. A redesign can include visual renewal, UX improvements, content restructuring, performance optimisation, accessibility, CMS changes or a complete technical rebuild. We first assess which parts of the current website remain valuable so that useful content, data and search visibility are not discarded unnecessarily.

Yes. We create scalable systems of typography, colour, spacing, components, interaction patterns and content rules. A design system helps teams maintain consistency, accelerate future work and expand a website or product without redesigning each element from the beginning.

Most projects move through discovery, definition, design, development, testing and launch. The process is not rigid: phases can overlap, and prototypes may be used early to test content, behaviour or technical possibilities. Each project begins with a proposed scope, responsibilities, milestones and review points.

Discovery helps us understand the organisation, users, objectives, content, technical context and decision-making structure. It may include stakeholder conversations, content reviews, analytics, competitor references, technical audits and collaborative workshops. The result is a clearer brief and a more reliable project direction.

Clients are active collaborators, especially at key moments such as discovery, content definition, concept selection and milestone reviews. We establish a clear feedback process so that the right people are involved without requiring the client to manage every design or technical decision.

Yes. We can lead the complete project or integrate with internal teams and existing suppliers. At the beginning, we define responsibilities, tools, approval processes and technical boundaries so that collaboration remains efficient and work is not duplicated.

Yes. We collaborate with branding studios, advertising agencies, production companies and independent creatives as a design, development or creative-technology partner. We can join during concept development, build a supplied design or contribute directly to client-facing workshops and presentations.

Yes, when the relationship and responsibilities are clearly defined. We can work discreetly behind another agency or be presented as a specialist technical partner, depending on the project and the preferred collaboration model.

Yes. Our process is designed to work effectively with remote teams through video calls, shared documents, design prototypes, staging environments and project-management tools. In-person meetings can be added when workshops, presentations or particular project moments benefit from them.

We normally need an initial brief, business and communication objectives, key stakeholders, expected timing, budget context, existing brand materials, available content and known technical requirements. When some of this information is missing, discovery is used to define it together.

Content responsibilities are agreed at the start. Clients may provide final copy and media, while we define structure, hierarchy, formats and requirements. We can also support content strategy, editing and coordination with copywriters, translators, photographers or production partners when needed.

Yes. We can audit existing pages, identify duplication, define a new sitemap and establish content types, hierarchies and editorial rules. This is especially valuable for redesigns, multilingual websites and organisations with large or inconsistent archives.

We organise feedback around defined milestones and ask clients to consolidate comments from the relevant decision-makers. This avoids contradictory instructions and repeated revisions. Feedback is most useful when it explains the objective or problem behind a requested change rather than prescribing a specific visual solution.

Depending on the project, we use visual references, strategic principles, key screens, prototypes, motion studies and responsive examples. We prefer to present concepts in context and explain the reasoning behind them rather than sending isolated layouts without guidance.

Yes. Larger projects can be divided into discovery, strategy, design, MVP development, later functionality or progressive rollout. Phasing can help align investment with priorities, reduce initial risk and create useful learning before committing to every possible feature.

We use WordPress because it is flexible, widely supported and gives clients ownership and editorial control. When developed properly, it can support custom design, structured content, multilingual publishing, integrations, e-commerce and complex editorial platforms without forcing the website to look or behave like a template.

No. WordPress is our main CMS and is appropriate for many editorial, corporate, cultural and e-commerce projects, but technology is selected according to the requirements. Interactive experiences, campaign sites, installations or specialised products may use different architectures and web technologies.

Neither platform is universally better. Webflow can be suitable for relatively contained marketing sites managed through a visual interface. WordPress is often stronger when a project needs structured content, advanced multilingual workflows, complex permissions, custom functionality, large editorial teams, integrations or long-term extensibility. We recommend a platform after understanding the project.

Yes. We design and develop bespoke WordPress themes around each project’s identity, content and functionality. We do not begin with a purchased theme and restyle it. This produces cleaner architecture, more control over performance and a back office adapted to the organisation’s real needs.

We generally avoid relying on generic page builders such as Elementor for new custom projects. We prefer native WordPress tools, structured fields and bespoke components that provide editorial flexibility without unnecessary code or interface complexity. We can work with an existing Elementor site, but may recommend a different approach when performance or maintainability is a problem.

We can use the native WordPress block editor when it fits the editorial model, creating custom blocks and controlling the available design options. For other projects, structured fields and tailored editing interfaces may provide a clearer experience. The choice depends on how the client needs to create and manage content.

Yes. Advanced Custom Fields is one of the tools we frequently use to create structured, predictable and editor-friendly content models in WordPress. It is particularly useful for custom page sections, reusable content, relationships between content types and complex editorial requirements.

Yes. We can audit and improve an existing installation, including theme quality, plugins, security, performance, accessibility, content architecture and editing workflows. Depending on its condition, the most effective solution may be targeted optimisation, a new custom theme or a planned migration.

Yes. We develop integrations with external APIs, CRMs, newsletter platforms, maps, ticketing systems, analytics tools, payment services, membership platforms and other business systems. The scope depends on the quality of the available API, authentication requirements and data ownership.

Yes. We develop multilingual websites and plan language architecture, translated content relationships, menus, URLs, metadata and editorial workflows from the beginning. We work with established WordPress multilingual solutions and can also integrate existing translation processes.

Yes. We use WooCommerce for e-commerce projects when its flexibility, WordPress integration and ownership model suit the business. We can customise product structures, checkout behaviour, account areas, shipping logic, payments, subscriptions and third-party integrations.

Our front-end work is based on semantic HTML, modern CSS and JavaScript, with tools selected according to the project. For interactive work, we may use GSAP, Canvas, WebGL, Three.js and custom animation systems. We avoid adding frameworks or libraries unless they provide a clear benefit.

Yes. We create custom interactive experiences using JavaScript, animation libraries, Canvas, WebGL and Three.js when the concept requires them. These technologies are evaluated against accessibility, device support, loading time and maintainability so that interaction strengthens rather than obstructs the experience.

Unless a different agreement is made, clients own the final custom work created for their project after payment. We aim to use accounts, domains, hosting and third-party licences that remain under the client’s control, avoiding unnecessary dependence on proprietary platforms or a single supplier.

Performance is considered during design and development, not added only at the end. We optimise images, fonts, code, animations, scripts, caching and loading priorities, and we avoid unnecessary plugins and dependencies. The exact work is validated on real templates, devices and content rather than only on an empty demo.

They can if they are poorly planned or excessively heavy. We design motion with a clear purpose, use efficient browser-friendly techniques and adapt or simplify effects for smaller devices and reduced-motion preferences. Interactive ambition should be balanced with loading speed, accessibility and usability.

We consider semantic structure, keyboard navigation, focus states, colour contrast, text sizing, labels, alternative text, motion preferences and assistive technologies throughout the project. The required level of formal testing depends on the scope, but accessibility is treated as a design and development responsibility rather than an optional add-on.

We use the Web Content Accessibility Guidelines as the main reference and can target a defined conformance level when it is included in the project requirements. Public-sector, institutional and regulated projects may require additional auditing, documentation or specialist validation.

Technical SEO foundations are normally considered in our website work, including semantic markup, metadata capability, URL structure, performance, responsive behaviour, crawlability and content hierarchy. Keyword research, ongoing content production, digital PR and long-term positioning campaigns can be scoped separately or coordinated with specialist partners.

Yes, particularly where SEO problems are connected to technical structure, performance, content architecture, metadata, multilingual setup or a redesign. We first identify what is already generating visibility so that migrations and structural changes do not accidentally remove valuable pages or signals.

Yes. Clear navigation, useful content, semantic structure, mobile usability, accessibility and performance all help people use a website and also support search-engine understanding. UX is not a substitute for a complete SEO strategy, but poor UX can limit the value of otherwise strong content.

Our approach is to use AI selectively where it can support research, exploration, documentation, testing or repetitive production tasks. Creative direction, design judgement, code architecture and quality control remain human-led. We also consider confidentiality, copyright, data protection and the client’s own policies before using project information with AI tools.

Yes, when there is a clear user need and a viable technical model. Possible applications include search, classification, recommendations, content assistance or interfaces connected to external AI services. Before implementation, we assess data quality, privacy, operating costs, reliability and how users will understand the system’s limitations.

We structure content so that both people and machines can understand what an organisation does, where it operates and why it is relevant. This includes clear service pages, direct answers to specific questions, consistent terminology, semantic HTML, internal linking, structured data where appropriate and verifiable information about experience and clients. No studio can guarantee inclusion in AI-generated answers.

An FAQ page can be useful when it answers real, high-intent questions with specific and trustworthy information. It should complement detailed service and project pages rather than repeat generic definitions or insert artificial keywords. Clear answers, useful context and consistency across the website matter more than the number of questions.

Yes. We can implement analytics, tag management and consent tools according to the project and applicable privacy requirements. We aim to collect only useful data, document the setup and ensure that marketing and measurement scripts respect the selected consent configuration.

The cost depends on strategy, content, number of languages, design complexity, CMS requirements, integrations, e-commerce, interaction and migration needs. We do not price custom projects responsibly from page count alone. After understanding the requirements, we prepare a proposal with a defined scope, fee, schedule and assumptions.

Visual identity pricing depends on the depth of strategy, number of applications, digital system, motion requirements, guidelines and rollout support. A focused identity for a new organisation is different from evolving an established brand across multiple teams and channels, so each project is quoted individually.

Yes, when the budget and priorities are clear. We can define a scope that fits the available investment, propose phases or distinguish essential requirements from future enhancements. A fixed budget works best when responsibilities, content, feedback rounds and technical assumptions are agreed from the beginning.

We normally quote a defined project fee based on scope, complexity, responsibilities and estimated production effort. The proposal explains what is included, what the client must provide, payment stages and how additional work or changes in scope will be handled.

Most complete design and development projects are priced by project because this provides clearer expectations for both parties. Hourly or day rates may be used for consultancy, workshops, maintenance, small improvements or work whose scope cannot be defined in advance.

A custom website generally takes several weeks to several months, depending on its scale, content, languages, integrations and approval process. A focused site can move faster, while a large editorial platform or e-commerce project requires more time. We confirm a realistic schedule after defining the scope.

The most common causes are late content, missing translations or media, changing requirements, delayed feedback and decisions involving many stakeholders. We reduce these risks by defining responsibilities, content deadlines, review stages and dependencies at the beginning.

Yes. A first release can focus on the essential user journeys and content, with additional sections, languages, integrations or advanced interactions added later. Staged launches are useful when there is a fixed date, a complex content migration or a need to validate priorities with real users.

We work with brands, cultural organisations, public institutions, universities, technology companies, creative businesses, agencies and organisations undergoing digital change. The common factor is usually a need for thoughtful design, custom development and a digital partner capable of understanding both communication and technology.

Selected clients and collaborators include Blackie Books, Brunch Electronik, CUPRA, D’A Film Festival, El Celler de Can Roca, KERN, MIRA Festival, Miravia, Nike, Pull&Bear, Red Eléctrica, Roche, Sanofi, the United Nations and Universitat de Barcelona.

No. We work with established international brands, but also with independent organisations, cultural projects, startups and growing businesses. The suitability of a project depends more on its ambitions, working relationship and available resources than on the size of the client.

Yes, particularly when the founders need to define a visual identity, product direction or digital platform with a strong long-term foundation. We help prioritise what is necessary for launch and what can be developed later, avoiding unnecessary complexity during the first phase.

Yes. We have experience with cultural projects, festivals, universities, public bodies and organisations with complex editorial, accessibility, multilingual or stakeholder requirements. These projects often benefit from our ability to connect communication, content structure and custom technology.

Yes. We can contribute web development, interaction design, creative coding, WordPress expertise or technical consultancy to a wider campaign or identity project. The relationship can be collaborative and client-facing or operate as a specialist production partnership.

Yes. We can provide ongoing maintenance, updates, monitoring and development support, or agree on an initial post-launch period followed by ad hoc assistance. The right model depends on how frequently the website changes and whether the client has an internal technical team.

Yes. We can train editors and administrators using the actual website and its customised content model. Training may be delivered live, recorded or supported by concise documentation so that teams understand both everyday publishing and the limits of their permissions.

Yes. We can recommend suitable hosting based on traffic, geography, security, WordPress requirements, deployment workflow and support needs. Where possible, we prefer the hosting account to belong directly to the client so that ownership and access remain clear.

We can coordinate setup and provide technical guidance, but we normally recommend that critical accounts remain in the client’s name. This gives the organisation control over its domain, infrastructure and subscriptions and makes future supplier changes easier.

After launch, we monitor the initial release, resolve agreed issues and verify essential forms, analytics, redirects and integrations. We can then continue with maintenance, performance improvements, new functionality, content support or a longer-term roadmap based on real use.

Yes. Some relationships begin with a single website or identity and continue through maintenance, campaigns, new products, integrations and strategic advice. Long-term collaboration works best when there is a clear process for priorities, budgets, response times and decision-making.

Collserola is likely to be a good fit if you value distinctive design, custom development, direct collaboration and a thoughtful balance between creativity and technical quality. We may be less suitable if the main requirement is the cheapest possible template, very high-volume production or a project driven entirely by a generic page builder.