Universidad Nacional de Ingeniería (UNI)

Instituto de Estudios Superiores (IES)

Tema
Proyecto de curso - Pagina web librería.

Asignatura
Aplicaciones Graficas y Multimedia.

Grupo de clases
4T2-S

Integrantes

Br. José Ángel González Ramírez.

Br. Steven David Espinoza Ulloa.
Br. Manuel Salvador Espinoza Quiroz.

Tutor académico
Gabriel Ignacio Chávez Toruño.

Lugar y fecha
Managua-Nicaragua, 29/Abril/2022
Contenidos
Acerca de la organización...................................................................................................4
¿Quiénes somos?............................................................................................................ 4
Misión.............................................................................................................................. 4
Misión.............................................................................................................................. 4
Valores............................................................................................................................ 4
Acerca de la guía de estilos................................................................................................5
¿A quién está dirigida?....................................................................................................5
Razón de la guía.............................................................................................................. 5
Que hacer y que no hacer...............................................................................................5
SISTEMA DE RETICULA....................................................................................................6
PALETA DE COLORES......................................................................................................9
TIPOGRAFIA.................................................................................................................... 10
Tono de redacción.............................................................................................................14
Componentes visuales......................................................................................................15
Espaciado de los elementos..............................................................................................16
Sección de P&R................................................................................................................17
Acerca de la organización
¿Quiénes somos?
Somos una microempresa con 15 años de existencia, vendemos artículos
escolares y de oficina, que se caracteriza por traer a las personas de distintas
edades y profesiones artículos que puedan facilitarles sus actividades tanto
escolares como de oficina en el día a día, permitiéndonos ser parte del crecimiento
y avance académico de nuestros clientes, ofreciendo los mejores productos por un
buen precio, así como variedad de productos que puede encontrar en nuestro
local.
Misión
Librería y Variedades MyM es una empresa dedicada a la venta de artículos
escolares. Abrimos en el año 2007 y desde el primer momento tuvimos claro que
en Batahola norte había espacio para una venta accesible de artículos escolares;
un lugar en el que el consumidor pudiese buscar y, sobre todo, encontrar esos
artículos que deben estar en las estanterías, sin necesidad de ir lejos de sus
hogares. Además, en nuestra intención está hacer la vida más agradable a las
personas que vengan a Librería y Variedades MyM, tratando de atenderles lo
mejor posible y de darles el mejor servicio.
La librería está ubicada en Batahola norte, del Gigante 3c al norte, 2c al oeste
Visión
Nuestro proyecto busca consolidarse como una librería de referencia en el distrito
II y, desde aquí, abrirnos al resto del mundo aprovechando las herramientas de las
que disponemos (redes sociales). En el futuro queremos seguir avanzando en la
marca y poder contar con una línea de productos propios.
Valores
Nuestro trabajo en Librería y Variedades MyM siempre tiene en cuanto los
siguientes puntos.
- Pasión: Nos sentimos atraídos por el crecimiento y el aprendizaje, pero sobre
todo sentimos pasión por las personas.
- Respeto por todos los colaboradores, clientes y proveedores.
- Actitud de servicio. Librería y Variedades MyM tiene vocación de prestar un
servicio a nuestros clientes y participar en una economía del bien común.
- Integridad. Intentamos en todo momento cumplir nuestros compromisos y nos
conducimos por la honestidad, tratando de no generar expectativas que no
podamos cumplir.
Acerca de la guía de estilos
¿A quién está dirigida?
Esta dirigida primeramente al equipo de desarrollo de la pagina web ya que nos
dictaminara las pautas a seguir durante el desarrollo de dicha página, nos presenta las
reglas de estilos que debemos seguir para cumplir las demandas del cliente.
Por otro lado, también esta dirigida al cliente como tal, esto con el objetivo de garantizar
que lo que esta demanda es efectivamente lo que desea y de esta manera quede
estipulado el diseño que deberá seguirse en la página, diseño autorizado por el cliente.

Razón de la guía
Esta guía es importante ya que esta agrupa los resultados obtenidos y crea los
fundamentos para la elaboración de la página web. Además, esta guía de estilos es
importante puesto qui con su ayuda se puede configurar la página web de manera unitaria
y adecuándose al público objetivo. De este modo, es posible reconocer rápidamente a
la marca en Internet. Una página web concebida adecuadamente se encarga, por lo tanto,
de que los visitantes puedan identificarse con más facilidad con la marca e incluso de que
estos la recomienden, a la par que transmite profesionalidad y seriedad, por lo que los
clientes o usuarios se sienten atraídos por ella y permanecen más tiempo en la página.

Que hacer y que no hacer

Lo que se debe hacer para la elaboración de esta guía de estudio es basarse en las
políticas de la empresa (Cliente) de esta manera se permite que el activo final (Pagina
web) Refleje de manera correcta y transparente la idea general de lo que representa la
empresa. Lo que no se debe hacer es justo lo contrario no se pude pretender realizar esta
guía y mucho menos el producto final teniendo en cuenta la idea del equipo de desarrollo.

SISTEMA DE RETICULA
1) Desktop
Retícula de Columna - 1440px Grid
12 columnas
Type: Stretch
Width: Auto
Margin: 16px
Gutter: 16px

2) Móvil
Retícula de Columna – 360 px Grid
4 columnas
Type: Stretch
Width: Auto
Margin: 11px
Gutter: 20 px
3) Tablet
Retícula de Columna: 1024 px Grid
4 Columnas
Type: Stretch
Width: auto
Margin: 25
Gutter: 15
PALETA DE COLORES
Para personalizar los diferentes puntos de la pagina se utilizará la siguiente paleta de
colores

Color de Fondo del contenido:

Código Hexadecimal: #7FACD1

Código RGB: 127, 172, 209

Color de Fondo de la Pagina:

Código Hexadecimal: #B7CAD9

Código RGB: 183, 202, 217

Color de Fondo de Módulos Destacados:

Código Hexadecimal: #FFFFFF

Código RGB: 255, 255, 255

Color del Texto

Títulos en fondo celeste oscuro: Títulos en fondo celeste Claro:

Código Hexadecimal: #FFFFFF Código Hexadecimal: #000000

Código RGB: 255, 255, 255 Código RGB: 0, 0, 0
 Títulos y textos en fondo blanco:

Código Hexadecimal: #3F4FD9 Código Hexadecimal: #000000

Código RGB: 63, 79, 217 Código RGB: 0, 0, 0

Significado de los colores para la Librería

El color Celeste se emplea en distintos contextos de manera simbólica, en este caso hace
referencia al cielo, ya que se esta empleando para relajar y calmar las emociones. Por
estos motivos se está utilizando dicho color.
Y con respecto al color blanco representa la paz y la purificación de un nuevo comienzo,
ya que generan sensaciones que emiten la pureza, animan al orden y sobre todo invitan a
la ligereza, que es lo que dicha librería quiere generar en cada cliente que visita la página.

TIPOGRAFIA
Fuente #1 que se utilizara: OPEN SANS

Esta fuente es gratuita y se puede obtener en Google Fonts

Regla CSS para activar esta fuente:
@import url(http://fonts.googleapis.com/css?
family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

Titulo uno
24 px, bold

Titulo dos
17 px, regular

Titulo tres
14 px, bold

Fuente #2 que se utilizara: INTER

Esta fuente es gratuita y se puede obtener en Google Fonts

Regla CSS para activar esta fuente:
@import url('https://fonts.googleapis.com/css2?
family=Inter:wght@100;200;300;400;500;600;700&display=swap');

Titulo uno
18 px, regular

Titulo dos
15 px, regular

Titulo tres
14 px, regular
Titulo cuatro
12 px, regular
Titulo cinco

10 px, regular
Titulo seis

8 px, regular

Texto
14 px, regular

Tamaño de Imágenes:
Móvil
179 px

179 px

Tablet
189 px

189 px

Desktop
227 px
 227 px

Tono de redacción

Al ser una librería de venta de artículos escolares se requiere un tono concreto

respecto a la manera de comunicar al usuario, pero no tiene por qué ser tan rígido,
ya que los artículos escolares no tienen por qué ser únicamente serio o formal,
también puede ir de la mano con la creatividad y lo flexible del tipo de
comunicación.
Ya que el target para la organización son clientes de todas las edades, ya sean
adultos, como niños, adolescentes y universitarios. Así mismo también para
personas de cualquier rango económico, (bajo, medio, alto), se cuenta con
variedad de precios.
Ya sea con botones, imágenes e iconos para representar la flexibilidad del local
respecto al cliente target que tiene el negocio

Componentes visuales
Espaciado de los elementos
Sección de P&R