Prenta
Mi rol
Branding e Identidad corporativa
Diseño web
Responsive
UI/UX
Diseño colateral
Diseño de marketing
Completado
2019
Índice
- Branding e identidad corporativa
- Naming
- Identidad corporativa
- Sitio web
- Creando la Experiencia de Usuario (UX)
- Proceso
- El resultado
Branding e identidad corporativa
Naming
Creando el nombre de la marca
La metodología empleada a la hora de buscar un nombre fue tratar que el nombre fuese original, exclusivo, único, corto y que se diferenciase de los competidores. Además, había que sumarle la connotación de la disponiblidad del ‘dominio de internet’.
Una vez analizada la amplia competencia y observar que la mayoría de sus nombres contienen palabras como pueden ser ‘print’ o ‘printing’, decidimos construir el nombre en español pero que mantuviese un tono sofisticado como es el úso de palabras en inglés en España.

El resultado

Identidad
corporativa
Desglose y justificación del logotipo
La identidad corporativa consta de dos elementos: el logotipo o wordmark y la marca de registro.
El logotipo está inspirado en los ‘tipos móviles’ usados en los origenes de la imprenta moderna.

Estilo y atributos
- Moderno
- Digital
- Elegante
- Contemporáneo
- Limpio
- Compacto
- Profesional
- Consistente
TIPOGRAFÍA
Nevis
Es una elegante tipografía sans-serif en negrita. La elección de ésta tipografía se basó principalmente en el peso y la forma geométrica de las letras ‘R’ y ‘N’ sobre el conjunto total de letras. Además, se añadió una pequeña modificación en la letra ‘N’.

Roboto

Colores corporativos
Colores del logotipo
Negro
RGB: R 51 / G 51 / B 51CMYK: C 82 / M 78 / Y 69 / K 45HEX: 333333PMS: Black CBlanco
RGB: R 255 / G 255 / B 255CMYK: C 0 / M 0 / Y 0 / K 0HEX: FFFFFF
Colores del sitio web
Negro
RGB: R 51 / G 51 / B 51HEX: 333333Gris tono 1
RGB: R 66 / G 66 / B 66HEX: 424242Gris tono 2
RGB: R 127 / G 127 / B 127HEX: 7f7f7fGris tono 3
RGB: R 214 / G 214 / B 214HEX: D6D6D6Gris tono 4
RGB: R 214 / G 214 / B 214HEX: F0F0F0Gris tono 5
RGB: R 214 / G 214 / B 214HEX: F7F7F7Blanco
RGB: R 255 / G 255 / B 255HEX: FFFFFF
Azul
RGB: R 0 / G 112 / B 201HEX: 0070c9Verde
RGB: R 0 / G 121 / B 65HEX: 007941Rojo
RGB: R 204 / G 31 / B 45HEX: cc1f2damarillo
RGB: R 255 / G 193/ B 7HEX: ffc107
Sitio web
UX / UI
Creando la Experiencia de Usuario (UX)

Wireframes de baja fidelidad
Wireframes de alta fidelidad
El resultado
Página de Inicio
Escritorio

Tablet

Móvil

Página de Categoría de producto
Escritorio

Tablet

Móvil

Página de Producto
La página de producto consta de un título de producto, una breve descripción con unas frases cortas descriptivas, imagen de producto con una galería de imágenes, configuración de producto mediante botones, un apartado de solicitar ayuda e información sobre los servicios que se realizan junto a los productos, unos sencillos botones para compartir la página, un panel de contenido colapsable que incluye información del producto y la configuración para impresión, y por último, un apartado de productos recomendados.
Escritorio

Tablet

Móvil

Página de Envíos y devoluciones
Escritorio

Tablet

Móvil

Página de Preguntas frecuentes
Escritorio

Tablet

Móvil

Página de Plantillas de impresión
En la página para todas las plantillas de impresión del sitio web, estas se encuentran en un panel de contenido colapsable, ordenados por productos, que al ser desplegado, muestra los enlaces de descarga de cada una de las medidas. Además, contiene una barra lateral con un menú vertical de páginas relacionadas.
Escritorio

Tablet

Móvil

Página de Presupuesto personalizado
Escritorio

Tablet

Móvil

Página de Contacto
Escritorio

Tablet

Móvil
