Website design inspiration in Mexico: 3 studio sites to study

Three credited website references connected to Mexico, examined for hierarchy, content, interaction and the decisions a new project can learn from.

What references from Mexico reveal

This Mexico selection is a visual and procurement reading, not an independent ranking. Anagrama is a comparison for identity with a defined interactive scope, Sociedad Anónima for editorial and visual continuity, and Kokonut Studio for technology-led digital products. A Mexican business should distinguish brand creation from web implementation and custom software. Dardo is a remote alternative for naming, design and a functioning sales website, with clear Spanish and English content ownership. The most useful lens is an architecture practice using bilingual project stories, photography credits and a scalable CMS to win qualified international inquiries. Imagine a Mexican architecture practice that needs to win international inquiries. Give agencies one project with photography credits, location, scope and a concise English explanation. Ask how the portfolio can grow without rebuilding layouts and how a prospective client specifies project type, location and timing. Compare image production, bilingual writing and the CMS handover. The strongest visual direction still needs enough project context for a buyer to recognize relevant experience. The three examples deliberately expose different scopes.

Editorial selection

These references are presented for design analysis and inspiration. This is not an audited ranking, a quality certification or a claim that Dardo created or measured the featured work.

Three website references to study

01 / Anagrama

Anagrama mobile interface presentation

Hand holding a phone displaying an Anagrama interface example
Image published by Anagrama · anagrama.com · image source reviewed

What stands out

A hand holds a phone with a pale interface, giving the mobile screen a clear physical scale while the surrounding photograph remains deliberately neutral. Anagrama’s services distinguish branding, architecture and interactive work. The interactive offer names UX, usability, frontend, backend and applications alongside a broad identity practice. Review it when the brand and website need a coordinated direction. Ask for a comparable implemented web project and the exact digital deliverables, rather than assuming every identity package includes engineering.

Lesson for a new brief

Turn the image into a procurement exercise for Mexico. The relevant capability is brand identity with web and software scope. Ask the provider directly: Which web components and production code are included beyond the visual identity and design files? Record the creator’s role, production dependencies and post-launch owner.

Visit the published source

02 / Sociedad Anónima

Sociedad Anónima official presentation

Presentation image published by Sociedad Anónima
Image published by Sociedad Anónima · sociedadanonima.mx · image source reviewed

What stands out

Oversized black “SA” initials occupy a white square with almost no supporting material, making this an identity specimen rather than a portfolio case. Sociedad Anónima’s Mexico City studio designs identities, websites, apps, books and other brand applications. Its portfolio includes cultural, hospitality and consumer-brand work. It is a useful comparison when typography, editorial character and identity need continuity across physical and digital material. Confirm development, CMS ownership and ongoing support as distinct deliverables.

Lesson for a new brief

For a Mexican brief, connect this visible direction to editorial identity and design-led websites. The decisive question is: Who implements and maintains the website, and how will editors preserve the typographic system?

Visit the published source

03 / Kokonut Studio

Kokonut Studio portfolio illustration

Globe and rocket illustration from Kokonut Studio’s portfolio page
Image published by Kokonut Studio · kokonutstudio.com · image source reviewed

What stands out

A pale hand-drawn globe and small rocket sit in ample white space, using illustration to suggest exploration without exposing a working product flow. Kokonut Studio presents a technology and digital-product offer, with a separate games practice linked from its site. Consider it when the brief includes custom software behavior or an interactive product. Its homepage alone does not establish the implementation scope for your project; request a closely matched portfolio walkthrough and a concrete delivery plan.

Lesson for a new brief

Treat this example as a prompt to examine technology-led digital products in the specific conditions of Mexico. Put this question into the written brief: Which comparable product can you demonstrate, including the parts your team actually built?

Visit the published source

Questions before you choose

How should a buyer in Mexico use visual website examples without confusing style with delivery evidence?

A disciplined review has three steps. Observe the composition without guessing unseen behavior, verify the relevant journey on the linked source, and commission a small test using actual Mexico content. Treat the retained asset as dated evidence of authorship and intent.

What these examples show together

In Mexico, the visual review should end with an operating decision about an architecture practice using bilingual project stories, photography credits and a scalable CMS to win qualified international inquiries. The three entries answer different questions: Anagrama illustrates brand identity with web and software scope, Sociedad Anónima points to editorial identity and design-led websites, and Kokonut Studio provides a comparison for technology-led digital products. Give both audiences complete project explanations and a contact path in their language. Keep project names where appropriate, but translate scope, captions, service descriptions and form feedback. Maintain one project record with separately reviewed language fields so updates do not leave one edition behind. Name responsibility for design, code, accessibility, data connections, launch and maintenance.

How to use this collection

Use the references to discuss hierarchy, content, interaction and production choices with your team. A strong visual direction still has to fit the audience, editing workflow, accessibility requirements and business task in your own brief.

This is an editorial inspiration collection, not an audited ranking or a claim that Dardo created or measured the featured work. Names, images and links are credited to their published sources and were reviewed on the date shown above.

Plan a project with Dardo
Make the brief useful / MX

Plan a project for Mexico

Choose a review date and a time in Bogotá to see the corresponding local time. This is a planning aid, we’ll confirm availability when we reply.

Choose a date to compare times.

America/Mexico_City — Representative time zone; some countries have more than one. Check the actual city and agree on a working window. Dates include seasonal clock changes through your browser’s time-zone data.

Budget currency to discuss: MXN. The project calculator lets you enter your own rate. It does not convert exchange rates.

From a brief to a conversation

Let’s make it happen.

Send your result and project details directly to Dardo. We’ll review them and reply to your email. Review the included details below before sending.

Review the result we’ll receive

WhatsApp +57 316 337 3216

Prefer email? hello@dardo.studio

Sources & further reading

Sources behind this guide, with further detail from the original publishers.

How we publish these guides

Have a project in mind?

Let’s talk