Web design and development · From start to finish

We make websites.
And everything behind them.

Strategy, design, technology, SEO, maintenance and Ads. A team of different profiles to think, build and grow a website to serve your business.

Barcelona · Madrid · Buenos AiresStrategy · Design · Technology · Growth

Different perspectives. The same direction.

A website takes more than one discipline.

StrategyUX/UIDevelopmentContentSEOAds

Someone needs to understand your business. Someone needs to turn it into a clear experience. And someone needs to make it work, make it discoverable and help it convert. That is why websites are planned and built by people with different skills.

At Karmina, we bring those perspectives together from day one. We define the goal, design the journey, choose the technology and build a foundation for SEO and campaigns. After launch, we continue with maintenance, measurement and improvements.

A coordinated team. A single point of contact. A shared roadmap.

The entire process, connected

From the first question
to the next improvement.

Design, development, and growth share decisions. Explore the six stages: each prepares for the next, and all return to the business objective.

01

Strategy

Before designing, understand.

Business, audiences, markets, goals and content. We define what the website should achieve and how we will measure its contribution.

02

Design

From structure to motion.

UX, structure, texts, visual direction, and prototypes in Figma. We validate the layouts before moving on to development.

03

Technology

Building to be able to evolve.

We choose the CMS, develop the components, and integrate the necessary systems. We also review mobile usability, accessibility, and performance.

04

SEO

Built to be found.

Architecture, URLs, metadata, linking and content. If there is migration, we map redirects and follow the indexing process.

05

Ads

Each visit, with a purpose.

We connect ads, landing pages, and measurement. We prepare versions for each campaign, audience, or market, and we learn from conversions.

06

Maintenance

Launch is just the beginning.

Updates, copies, technical revision and support according to the agreed plan. We prioritize new improvements based on usage and business data.

↶ The website grows with you. Open each stage to get to know the work.

CMS · Independence and expertise

A CMS that serves your business. Not your agency.

We work with WordPress, Shopify, Drupal, and other CMS and platforms. We choose the best option for each client, based on their business and team. The choice starts with your operations: who will update the website, what content or products you manage, what integrations you need, and how you want to grow.

We compare ease of use, flexibility, costs, and maintenance. WordPress for editorial and corporate projects; Shopify for commerce; Drupal when the structure and flows require more depth. We review each case before making a recommendation.

We provide an easy-to-use administration interface, documentation and training. Your team should be able to manage the website and understand its access credentials, licences and dependencies.

  • WordPress · Shopify · Drupal · Other CMS
  • The right fit before familiar habits
  • Management and training
  • Total cost and evolution
We choose the technology with you ↗
WordPress site editor with navigation and web view
WordPress · view of the site editor ↗
WordPressShopifyDrupalOther CMS

Online stores · Shopping experience

An online store that turns interest into purchases.

We organize the catalog so that finding, comparing, and purchasing become easy. We design categories, product sheets, filters, and a shopping journey that is consistent with your brand.

We connect the store with payments, shipping, stock, and the systems your operations need. We plan for languages and markets from the start, with an SEO base for categories and products.

Then, we cross analytical data and campaigns to detect friction points and improve them. The store is built to sell, but also to allow your team to manage it every day.

  • Catalog and product sheets
  • Payments, shipping, and integrations
  • SEO for e-commerce
  • Analytics and conversion
Let's shape your online store ↗
Example of a product sheet in a Shopify store
Shopify · visual product example ↗

Customized design · UX/UI

Your brand has personality. Your website does too.

We design the structure and the experience in Figma before developing. We work with component systems and prototypes that allow us to understand how to navigate, what to communicate, and where each person should act.

Today, a website also expresses itself through movement: transitions, micro-interactions, video, and details that guide the viewer’s attention. Each animation has a purpose and is adapted to mobile devices, performance, and motion preferences.

The art direction, the content, and the technology are solved together so that the result maintains its intent when it reaches production.

  • Customized and consistent design
  • Prototypes in Figma
  • Movement with purpose
  • Responsive design and accessibility
Design a unique experience ↗
Prototype demonstration and interactions in Figma
Figma · From design to interactive prototype. Click to watch the video ↗

Landing pages · Ads and conversion

Landing pages designed to convert.

We create landing pages designed for a campaign, an offer, a specific audience or market. The message of the ad continues on the page, with arguments, evidence and a clear call to action.

We design variants for each language and audience, connect forms with the CRM when the project requires it, and prepare conversion measurement. The Ads team participates from the briefing stage.

We review speed, mobile experience, and friction. With sufficient data, we design tests to learn which message, structure, or form helps convert the most.

  • Google Ads and Social Ads
  • Audiences and markets
  • Forms and CRM
  • Measurement and experimentation
We prepare your next campaign ↗
Karmina's landing with a value proposition and calls to action
A clear proposition, relevant evidence and a visible next step. A Karmina service landing page.

AI-assisted websites · Supervised development

AI speeds things up. Expertise shapes the result.

We incorporate tools like Codex into the development process to explore solutions, prepare components, review code, and advance the iterations. AI expands the team's capabilities; the project remains guided by direction, responsible parties, and standards.

From the prototype to a production website, there are decisions about architecture, branding, accessibility, SEO, data, and integrations. Our design and technology profiles review the result and test the paths before launching.

We choose the tools based on the challenge and leave a foundation that can be maintained and evolved. The important thing is that the website works for your business, even after the first version.

  • Codex in the workflow
  • Prototypes and iterations
  • Review and human testing
  • Code that can evolve
Let's explore your project with AI ↗
Codex interface in a code editor with changes ready for review
Codex · editor changes review ↗

Websites for agents · MCP and integrations

Built for people. Ready for agents.

More and more customer journeys start with an assistant. We prepare clear information, semantic structure and consistent data so that both people and the systems helping them can understand your offering.

When it makes sense, we connect data and functions through APIs and the MCP —Model Context Protocol—, a standard that allows AI applications to use tools and information sources.

We define what each agent can do or access: search for products, retrieve information, or prepare a request. Sensitive actions require permissions and controls. We design a connection that is useful, measurable, and maintainable.

  • Understandable content
  • APIs and MCP servers
  • Permissions and traceability
  • Integration with your systems
Let's think about what an agent should be able to do ↗
MCP · conceptual diagram of connection with agents ↗

Reception.ai · Support on the web

Your website can receive, guide, and open the conversation.

We integrate Reception.ai into our clients’ websites so that visitors can ask questions, find information, and know what the next step is. A digital reception available when the need arises.

We configure it with knowledge of your business, your tone of voice and the languages you need. It can explain services, answer common questions and gather context about an opportunity before handing it over to your team.

Depending on the scope, we connect the conversation with forms, the agenda, or internal systems. We review the responses and define when a person should intervene. The web becomes a more useful entry point.

  • Text or voice chat
  • Knowledge of your business
  • Context for the team
  • Handover and follow-up
Let's see what your digital reception can solve ↗
Illustration of Reception.ai and its connection to Karmina's knowledge
Reception.ai · this is how we apply it in Karmina ↗
Portrait of Harri Echevarría
Consulting and business vision

A good website connects what the business needs with what people want to do.

That's why strategy, design, and technology have to work together from the very first conversation.

The team that makes it possible

Different profiles. A well-thought-out website.

Strategy, creative direction, design, content, and campaigns are coordinated with development. We set up the team based on the challenge and maintain a shared vision throughout the project.

Getting to know the entire team
Arnau Sanz

Arnau Sanz

CEO and Partner

Eva Trigo

Eva Trigo

Creative Director

Florencia Caligaris

Florencia Caligaris

Senior Designer

Mar Berzal

Mar Berzal

Content Strategist

Harri Echevarría

Harri Echevarría

Consultant

Pep Casas

Pep Casas

Ads Specialist

A good project starts with a good question

Let's talk about the website you need.

Tell us what your business does, what the website should achieve, and where you are now. We will help you define the approach, the team, and the next steps.

Prefer to get straight to the point?Write to proyectos@agenciakarmina.com or call 638 288 746.

Frequently asked questions about web design and development

Before we begin,
let’s answer your questions.

Do you handle the entire process?

Yes. We can assist you from strategy and content to design, development, SEO, launch, campaigns, and maintenance. We agree on what each phase includes, who validates it, and what materials we need from your team.

How do you choose the most suitable CMS?

We review the business model, content or catalog operations, integrations, languages, budget, and expected evolution. We explain the alternatives and their costs before you decide.

Will we own the website and be able to manage it?

We agree on ownership, access, licences and deliverables from the outset. We set up the CMS and provide training so your team can manage the agreed content. Third-party licences and recurring services are clearly identified.

How much does it cost and how long does it take to build a website?

It depends on the pages, languages, catalog, content, design, and integrations. After reviewing the brief, we specify scope, budget, and milestones. A campaign landing page and a store connected to various systems require different plans.

Do you include SEO and migration of the previous website?

We incorporate SEO into architecture, content, and development. If we replace a website, the plan may include inventory of URLs, redirects, validations, and tracking. Continued SEO work is defined according to the project objectives.

What happens after the launch?

We can continue with maintenance, updates, copies, support, and evolution. We agree on coverage, response times, and responsibilities. Analytics and campaigns help prioritize improvements.

Does a website built with AI need a team?

AI speeds up tasks, but someone must decide on the architecture, validate the design, review the code, and verify the workflows. We maintain human responsibility for quality, data, integrations, and production deployment.

Are Reception.ai and MCP the same thing?

No. Reception.ai handles visitor conversations. MCP is a standard for connecting AI applications with data and tools. They can be part of a single strategy, with different scopes and integrations.

Enviar CV Enviar brief Talk to Karmina