Alpha Beta Design

Un sitio de marketing del estudio que pudiera vender dos paquetes publicados ($3,000 y $4,000) a un fundador o pequeña-empresa comprador, bilingüe en inglés y español, sin adoptar ninguno de los defaults visuales que hacen que el noventa por ciento de los sitios de diseñador freelance se lean como intercambiables en 2026.

El sitio tenía que argumentar lo que el estudio realmente vende: investigación antes de diseño, revisión de lanzamiento en cuatro capas al enviar, rango real de portafolio en diez industrias, precios publicados en un nivel donde cada estudio par en Portland guarda el número detrás de una llamada de descubrimiento. Y tenía que sostener ese argumento tanto en un teléfono como en un display 5K.

Una home de doce secciones anclada por un hero de pila fanned de las cuatro samples destacadas que se acomoda en un grid 2×2 mientras el lector scrollea; una grid de seis-más abajo con galerías click-to-open de cada sample; una sección de dos paquetes con precios publicados y una garantía sin envío; un proceso de cinco pasos renderizado como lista interactiva stagger-in; tres estudios de caso largos; dos ensayos largos; un PDF sample de revisión de lanzamiento; un sitio en español paralelo completo en /es con nav, footer, modal de sample y contenido locale-aware.

El modal de galería de sample abre en cualquier card, muestra cinco a siete money shots por sitio con navegación de teclado, tira de thumbnails y píldora de tier. Cada card es un deploy real en Vercel, no un mockup. Diez samples, diez industrias.

La animación de pila fanned en el hero maneja todo el argumento del primer pliegue. En vez de un mockup estático de dispositivo o un loop de video, cuatro cards de sample empiezan apiladas en la columna derecha y aterrizan en la grid natural 2×2 mientras el lector scrollea. Se lee como movimiento que el lector controla, no movimiento que le pasa, y funciona doble como la pista de interacción para las samples abajo.

Los precios publicados fueron la apuesta más grande de posicionamiento. Ambos paquetes llevan una cifra en dólares en la home y en la página de servicios. Los siete estudios de Portland en el pase de scan competitivo o esconden su número entero o lo guardan detrás de un formulario de consulta. Publicar filtra el inbound mal-encaje antes de que llegue al calendario, y el ensayo que salió con el envío (Por qué publico precios) argumenta por qué.

Bilingüe no es un bullet; es una ruta. /es es un sitio paralelo completo — home, servicios, contacto, estudios de caso, ensayos, declaración de accesibilidad — con un formulario de contacto en español, nav locale-aware y nombres y captions de cards localizados. Cada estudio par en la lista demográfica de Portland escribe 'bilingüe' como palabra de footer, si aparece. Cablearlo como una ruta lo vuelve una promesa por la que el lector puede caminar.

• Hero de pila fanned como primer de interacción — movimiento que el lector maneja, no movimiento que le pasa.
• Precios publicados arriba del fold en / y dentro de cada card en /servicios.
• Sitio en español completo en /es con nav, footer, modal de sample, formulario de contacto y contenido traducido, todo locale-aware.
• Modal de galería de sample con 5-7 money shots por sample, click-to-open, navegable por teclado, en cada card.
• Proceso de cinco pasos renderizado como lista interactiva stagger-in en /servicios, badges numerados con hover-emphasis.
• Garantía sin envío elevada del FAQ a una callout en cada card de paquete.
• PDF sample de revisión de lanzamiento publicado bajo /writings para que el entregable sea inspectable, no solo descrito.

Sin CTA de 'book a call' en la home. El formulario de contacto es el CTA. Un widget de llamada de descubrimiento en un sitio con dos paquetes publicados manda la señal equivocada sobre cómo funciona el intake.

Sin widget de live-chat. Cada estudio en el pase de scan competitivo tenía uno o consideró uno; ninguno mejoró conversión en una categoría donde el comprador quiere escribir un párrafo y recibir una respuesta. El formulario de contacto pide cuatro respuestas de calificación arriba en su lugar.

Sin imágenes de stock en ningún lugar excepto el retrato del fundador. Cada captura de sample es un deploy real en Vercel. Cada ensayo está escrito por Alfonso en su voz, no generado. Cada traducción de vertical de sample está escrita a mano.

Sin video hero auto-play, sin popup de exit-intent, sin overlay de newsletter, sin banner de 'usamos cookies' más allá del default del navegador (Vercel Analytics respeta do-not-track sin muro de signup).