Web projects

Alere Café

Nourishing your soul in every sip.

A specialty coffee that is also a workplace, in the American Colony of Guadalajara. The site translates to the screen what it feels like to be at the bar: warm light, slow time and a community that returns.

Visit Alere Café
Alere Café site presented on a desktop screen and phone
Period
2026 · Project in evolution
Scope
Bilingual site · Memberships · Events · Menu · Movement
01

From physical space to digital experience.

Alere is a specialty coffee shop, workplace, playroom, workshop room and meeting room, all in the same house. The digital challenge was not to list services, but to help someone who has never walked through the door understand from the phone what it feels like to be there, what each corner is for and what the right experience is for their visit. The architecture turns that diversity into clear paths to the menu, memberships, events and space reservations.

02

A bilingual architecture that preserves the context.

The experience is complete in Spanish and English, with independent paths, localized metadata and hreflang relationships that help search engines and people reach the correct version. Translation is not treated as an added layer: navigation, calls to action, products, events and operational messages share the same structure so that both versions evolve together without losing consistency.

03

Content ready to change.

Memberships, seasonal menu, workshops, blog and partner program change frequently. That's why shared data sources were built: each product, plan or meeting is updated only once and appears correctly in its listings, individual pages and language versions. The design remains stable while the operation can continue to move.

04

Movement is also tone of voice.

A cafe that invites slow time cannot have a place that feels rushed. The scrolling rhythm, the entry of the texts and the transitions were designed to accompany reading and guide attention. When a person activates the reduce motion preference on their device, the system automatically deactivates these animations: calm is also understood as accessibility.

05

Tools that convert interest into a visit.

The site does not end in inspiration. It integrates coworking plans, trial pass, meeting room reservation, digital loyalty card with QR, event agenda and a guided quote that adapts the request according to the type of meeting. Each tool reduces repetitive questions and makes the next step clearer before speaking to the team.

An experience ready to grow.

The visual direction coexists with a technical base designed to keep the content current, facilitate operation and take care of each point of contact.

20

Public pages

In Spanish and English, with clean URLs, own metadata and hreflang tags.

44

Products on menu

Individual files and product families connected to the same catalog.

35

Events and articles

Meetings, workshops, tastings and content with pages and structured data.

47

Automated testing

Motion, mobile response, image and accessibility validations.

2

Coordinated languages

A single editorial structure keeps Spanish and English aligned.

5

Customized features

Quote, day pass, reservations, digital loyalty and partner program.

01 · Discovery and menu

The complete offer, without missing a beat.

The catalog turns an extensive menu into an editorial tour by categories, seasons and products. On the desktop, comparison is privileged; On mobile it opens with a brief invitation and leads to the letter without making the person go through an endless page.

Complete Alere Café menu catalog on desktop
Access to the Alere Café menu on mobile
02 · Permanence

Memberships that explain a way of inhabiting space.

The plans are no longer a price list and are presented as four ways to stay. The visual comparison makes it easy to recognize duration, drinks included, meeting room access and benefits, while the mobile version first summarizes the proposal before opening the detail.

01Four rhythms of permanence
Seed, Breeze, Root and Search respond to visits of one day, one week, recurring monthly use or thirty-day projects.
02Comparable benefits
Each plan explains access, drinks included, use of the meeting room and available discounts with the same structure.
03Decision with less friction
The hierarchy highlights the most chosen plan and connects exploration with concrete actions: learning about the plans or trying out the space for a day.
Alere Café Responsive Membership System
Comparison of the four Alere Café membership plans on the website
03 · Community

An agenda that also tells stories.

Workshops, clubs and meetings have their own file with context, date, availability and call to action. The mobile phonebook allows you to filter by status or category; The editorial view gives each meeting enough space to communicate why it is worth attending.

Editorial page of an Alere Café event on desk
Alere Café event agenda and filters on mobile
04 · Digital loyalty

A digital loyalty membership that people carry with them.

The digital card transforms each visit into an ongoing relationship without relying on plastic, paper or an additional app. The person keeps their membership on their cell phone, receives a stamp with each visit, checks their progress and immediately recognizes when they have reached the complimentary drink. The QR identifies the bar card and helps the team register the reward with a fast, clear and consistent flow.

01Access without installing an app
The card is opened from the cell phone and can be saved to return to each visit, without long registrations or an additional download.
02Visible progress and reward
Each stamp is reflected in a visual sequence. Upon completing five visits, the complimentary beverage appears as the next available benefit.
03Simple bar validation
The QR links membership to its identifier and allows the team to quickly recognize it, record progress and maintain a consistent experience.
Alere Café digital loyalty membership in the name of Marisol G.
Section of the Alere Café site explaining the digital loyalty card and complimentary beverage
05 · Conversion and operation

Tools created to solve, not just show.

Room reservations differentiate conditions, times and prices before opening the calendar. The event estimator guides the request by type of meeting and gathers the necessary information step by step. They are functional flows that reduce friction for both the person visiting the site and the team that receives each request.

Online selector to reserve the Alere Café meeting room
Alere Café Guided Event Quoter

Let's talk about
your project.

We explore your idea, your objectives and the challenges you face to define the next step.

$638 MXNExploration session

45 min · Online · VAT included

You will receive a list of next steps and recommended tasks.

Schedule your session