MainTech

La marca y el sitio de una escuela de confiabilidad para minería e industria

Estado
En línea
Entregables
Identidad, marca aplicada, sitio web
Industria
Formación técnica y consultoría industrial
Líneas
MainTech Academy y MainTech Solutions

A MainTech le hicimos la marca entera y el sitio donde vive: un símbolo modular, un sistema tipográfico y una web que separa la academia de la consultoría sin partir la marca en dos.

MainTech forma ingenieros de mantenimiento y confiabilidad desde Arequipa: cursos en vivo y grabados para minería e industria, programas de especialización y certificados verificables, más una línea de consultoría para planta y flota. Llegaron sin marca y sin sitio.

Visitar el sitio en vivo

Un símbolo de bloques, la palabra y una promesa debajo: el futuro del mantenimiento tecnológico.

El logotipo de MainTech en blanco sobre un campo índigo, con el símbolo de bloques al lado
Logotipo MainTech · el archivo del cliente, de su sitio en vivo

Lo que hicimos

  • Símbolo y logotipo: una retícula de bloques en índigo, cian y rosa, en lockup con la palabra y el descriptor.
  • Sistema tipográfico: Orbitron en los titulares y Poppins en cinco pesos para todo lo demás.
  • Paleta: índigo, cian y rosa sobre tinta, con un degradado de violeta a coral para las cabeceras.
  • Dos líneas, una marca: Academy y Solutions comparten logotipo y se separan solo por el descriptor de al lado.
  • Sitio en Next.js: nueve páginas, catálogo con filtros por especialidad, ficha de curso y verificación de certificados.
  • Marca aplicada: rótulo de sala, manual del curso y equipo de protección, sobre las superficies del oficio.
Lámina con las fichas de color de MainTech y sus valores hexadecimales
Paleta medida del logotipo y del CSS de maintech.com.pe
Espécimen tipográfico con la «Aa» en Orbitron y una línea en Poppins
Orbitron en titulares y Poppins en texto · las fuentes que sirve el sitio

Acto 01

El símbolo y su sistema

El símbolo es una retícula de bloques en índigo, cian y rosa: la misma pieza sirve de favicon a 32 píxeles y de rótulo a un metro. Debajo del logotipo va siempre el descriptor, «El futuro del mantenimiento tecnológico».

Una marca y dos puertas: el sitio pregunta si vienes a formarte o a contratar.

La pantalla de entrada de maintech.com.pe, con las tarjetas de Solutions y Academy
maintech.com.pe · la pantalla de entrada, con las dos líneas

Acto 02

La marca en el taller

La identidad baja al mundo donde se ve: la entrada de la sala, el manual que se llevan y el casco con el que entran al taller. Las tres imágenes son mockups —escenas generadas con el logotipo real compuesto encima—, no fotografías de piezas producidas.

El logotipo a escala de pared, a la entrada de la sala de clase.

Un panel de vidrio con el logotipo de MainTech, a la entrada de una sala de formación
Rótulo de sala, mockup · escena generada; el logotipo compuesto encima es el real

Reto

Una escuela técnica vende confianza antes que contenido: quien paga un programa de confiabilidad quiere saber que el certificado valdrá. La marca tenía que sostener las dos caras del negocio, la formación y la consultoría, sin que una pareciera sucursal de la otra.

Un manual de tapa dura en tela índigo con el logotipo de MainTech estampado en blanco, sobre un banco de taller
Manual del curso, mockup · escena generada; el logotipo compuesto encima es el real
Un casco de seguridad blanco con el logotipo de MainTech impreso al frente, sobre un banco de acero
Casco de seguridad, mockup · escena generada; el logotipo compuesto encima es el real

Acto 03

Un dominio, dos puertas

maintech.com.pe es un Next.js de nueve páginas. La entrada pregunta a qué vienes, el catálogo filtra por especialidad, la ficha de curso da fechas, capítulos y precio, y una página verifica un certificado por su código.

La portada de Academy: para quién es el programa y qué te llevas de vuelta.

La portada de MainTech Academy con el titular «Confiabilidad & Datos aplicados»
maintech.com.pe · la portada de MainTech Academy
El catálogo de cursos de MainTech con los filtros de especialidad y tres tarjetas
maintech.com.pe/courses · filtros por especialidad y ficha de cada curso
La ficha del programa de especialización en mantenimiento y confiabilidad, en un móvil
maintech.com.pe/courses/… · el programa de especialización, en móvil

Lo entregado

MainTech se quedó con el logotipo, el sistema tipográfico, la paleta y el sitio publicado, con dieciséis cursos en el sitemap. No publicamos cifras: su analítica no es nuestra.

La otra línea: seis servicios de confiabilidad, flota y transformación digital.

La página de soluciones de MainTech con la lista de seis servicios
maintech.com.pe/solutions · las seis soluciones de MainTech Solutions

Disciplinas y tecnología

  • Identidad de marca
  • Diseño de logotipo
  • Sistema tipográfico
  • Paleta cromática
  • Arquitectura de marca
  • Aplicaciones de marca
  • Diseño y desarrollo web
  • Next.js
  • TypeScript
  • Tailwind CSS
  • Cloudflare R2
  • SEO técnico

A continuación

Más proyectos

¿Listo para transformar tu negocio?

Analizaremos tu proyecto y prepararemos una estimación preliminar. Nos reuniremos virtualmente o presencialmente para discutir tus necesidades y alinear los próximos pasos.

¿Prefieres contacto directo con nuestro CEO?

Alexander Arancibia
Alexander ArancibiaFundador & CEO