UNIVERSIDAD GERARDO BARRIOS

Facultad:
Ciencia y tecnología
Carrera:
Ing. Sistemas y Redes Informáticas
Docente:
Ing. Gisela Espinoza
Materia:
Web y comercio electrónico
Actividad:
Elaboración de sitio web
Desarrollo de página web para tienda ENC (“en-bi-ci”)
Estudiantes:
Claros Perdomo Meybelin Dayana
Márquez Chicas, José Mario
Córdova Campos Melissa Guadalupe
Martínez Azúcar Salvador Alexander
 FASE DE ANÁLISIS
Nombre del proyecto: Desarrollo de página web para tienda ENC (“en-bi-ci”)

Objetivos:

General

✔ Brindar una nueva e innovadora opción de comprar accesorios, repuestos y bicicleta de

manera online.

Específicos

✔ Ofrecer comodidad y generar fidelidad por parte de la clientela.

✔ Innovar los servicios brindados al cliente.

Selección de usuarios:
La página web cuenta con dos usuarios, el primero es el administrador o propietario (este se encarga
de todo lo administrativo: agregar nuevos productos, eliminar, verificar pedidos, entre otros). El
siguiente es el usuario cliente comprador (como dice su nombre será quien hará las compras o los
pedidos en línea ya sea de producto, reparación o cotización). Cualquier persona puede ver lo que
ofrece la tienda sin necesidad de haber iniciado sesión, todo esto gracias al modo o usuario
visitante.

Expectativas de usuarios

Propietario:

● Podrá Agregar los nuevos repuestos que disponen para la diferentes marcas y modelos de
bicicletas
● Eliminar productos
● Verificación de ordenes o pedidos
● Se le notificara cuando exista nuevo pedido
● Ver productos disponibles
● Realizar pedidos de repuestos
● Realzar perdidos de bicicleta
● Pedir mantenimiento a domicilio
● Cotización de productos
 ● Compra de accesorios
Visitante:

● Ver productos, accesorios y respuestas disponibles

● agregar productos al carrito
● Registrarse.
 ESTRATEGIA DIGITAL

Elegir el modelo de negocio:

Modelo de negocio E-COMERCE

B2C: que significa negocio a consumidor, es un tipo de práctica existente en el ámbito del
Marketing que habitualmente emplean firmas comerciales que persiguen llegar de manera directa
a un cliente o consumidor final

● Crear un tráfico de este público y lograr fidelizar a los consumidores

● B2C engloba la compra de bienes y servicios bajo pago con tarjetas de crédito o monederos
electrónicos.
● Escalabilidad
● Mayor mercado

En las ventas en línea de los B2C, generalmente hay cinco modelos y que solo nos basaremos en dos
de ellos.

1. Vendedores directos: son las tiendas en línea donde los consumidores compran sus
productos.
 2. Basados en la publicidad: Este enfoque apalanca alto volumen de tráfico web para
vender publicidad la cual, sucesivamente, vende producto y servicios al consumidor. Este
modelo usa contenido gratis de alta calidad para atraer visitantes al sitio web, que luego
encontrarán anuncios en línea.

Usuario objetivo

Lo usuarios objetivos serán, personas practicantes o no del ciclismo (en sus diferentes áreas), con
una amplia selección de bicicletas para todas las edades. (infantiles, junior y adultos). Así como
también aquellos que se dedique a la reparación de estas.

Proposición única de valor

Nombre NBC propósito eficaz: Piezas de calidad y larga duración (sin importar modelo)

Selección de palabras claves

● “Compra de bicicletas”
● “repuestos trek”
● “repuestos mongose”
● “repuestos bicicletas”
● “venta bicicleta”
● “venta de repuestos bicicletas”
● “respuestas bicicletas El Salvador”
● “bicicletas mtb”
 Mapa Web.
Inicio.
categorías
Bicicletas
Marcas
modelos
Accesorios
Tipo de accesorios
Repuestos
¿Quiénes Somos?
Contacto
Iniciar sesión

Carrito
Compras

Registrarse
 ● Selección de
dominio
Enbici. store
Enbicidx.am

Analizar web de la competencia

Mediante los análisis realizados hemos encontrado diferente tipo de páginas webs de competencia,
las cuales nos ayudaran a tomar ideas que podemos mejorar para nuestro sitio.

Entre ellas podemos mencionar (enlace) las siguientes:

TREK BIKES: https://www.trekbikes.com/us/en_US/

MONGOSE: http://www.mongoose.com/usa/site_selector
En el mercado nacional (El Salvador) únicamente esta la oferta de dicho servio en la red social
Facebook, no hay un sitio como tal donde los clientes puedan pagar en línea y hacer sus pedidos
de forma más segura y eficiente.

LOGOTIPO

Propuesta de logotipo.
Selección del Hosting
Gratuito
 Semana # 2
Pestañas del menú principal.

Menú lateral: lista de productos o línea de productos

. Zoom para imágenes.

chat online
llamanos: 26101015
te llamamos?
 Semana # 3

CONTENIDO DE LA PÁGINA DE INICIO

Consta con un menú en el header donde tendrá las opciones de Inicio-Catálogo-Quienes Somos-
Contacto-Iniciar Sesión-Registrarse.

Contendrá una slider donde se estarán mostrando las promociones y productos más vendidos.

Un botón de búsqueda para facilitar al cliente encontrar el producto, este estará ubicado en la
sección del sitio web, junto a un submenú donde se refleja categorías y una pequeña promoción.

Se mostrarán imágenes de los productos disponibles de la tienda con un tamaño de 140x140.

El footer tendrá información de contacto
Tanto el inicio como todas las páginas son adaptable a cualquier dispositivo.

FICHA DEL PRODUCTO.

En la ficha del producto se le brindara información al cliente sobre lo que ha seleccionado, donde
se le mostrará:

● Precio.
● Especificaciones.
● Descripción.
● Imágenes.
● Videos oficiales (esto no se aplicará a todos los productos).

Tendrá un botón “MÁS DETALLES” en donde el cliente tendrá un manual del producto (si no
existe manual no se agrega), la forma en que se puede hacer la entrega. Y otro botón “Solicitar
más información”, donde el cliente enviará un correo pidiendo más detalles específicos sobre el
producto, pagos o lo que él necesite saber.
 QUIENES SOMOS.

Descripción de quienes somos.

NBC es una tienda online de El Salvador que distribuye bicicletas, accesorios, repuestos de la mejor
calidad y marca.

Nos enfocamos en ser una tienda que brinde el mejor servicio a nivel nacional, brindando un
excelente y confiable servicio, tanto de las compras que el cliente haga como la forma que se le
entregará.

NBC nace en el año 2019 como una idea emprendedora de 4 jóvenes, con el objetivo de ser la tienda
pionera de ofrecer este producto a nivel nacional de manera Online.

Hemos patrocinado eventos ciclísticos de rutas y montaña, en el departamento de San Salvador

con el evento “La Vuelta al Picacho” desarrollado en el mes de marzo.

Y en el departamento de San Miguel con el evento “Cacahuatique Country” en el municipio de

San Luis de la Reina, desarrollado en el mes de enero.

Nuestro equipo está capacitado para brindar servicio de mantenimiento, asesoría y otras. Está
formado por:
● Salvador Azucar
● Melissa Córdova.
● Dayana Claros.
● Mario Márquez.

Descripción página.

¿En el body de la página “Quiénes somos?” tendrá la descripción anteriormente redactada, a la par
del logo.

En un Slider se mostrar una breve descripción de los que forman parte del equipo NBC, nombre
contacto, dirección, entre otra información.
 REDACTAR EL RESTO DEL CONTENIDO.

En todas las páginas de nuestro sitio web se mantiene la misma estructura en el head y el footer,
únicamente cambia su contenido del body, dependiendo de la opción así se mostrará la información.

Ejemplo en la página de producto su contenido será todos los productos (o algunos) con los que
la tienda tiene en existencia, detallando en miniaturas información importante como el precio y
la marca.

El contenido de la página contacto tendrá el correo, número de teléfono y redes sociales de la tienda.

Hemos diseñado propuestas de mockups, estos durante la programación se irán modificando y

mejorando.

DECIDIR SI SE UTILIZARA UN GESTOR DE CONTENIDO PARA EL DESARROLLO

DE LA WEB
En el sitio que desarrollaremos no utilizáremos gestores de contenidos.

Utilizamos una plantilla basada en Bootstrap, en la parte de diseño front end(solo para interacción
de los clientes):

● HTML.
● CSS.
● jQuery
● JavaScript.
● familia de iconos -FontAwesome.
● familia de Fuentes- Open Sans.
En la parte de diseño frontal end (solo para interacción de administración):

● HTML.
● CSS.
● jQuery
● JavaScript.
● Familia de iconos -fontawesome.
● Familia de Fuentes- Open Sans

En la parte de los procesos Back-end:

● Lenguaje de programación php

● Apoyado de Javascript y Ajax en algunos procesos
● Base de datos - MYSQL.

DEFINIR ALGUNAS PAUTAS PARA EL DISEÑO GRÁFICO DEL SITIO WEB

● Mantener la consistencia del diseño en todas las páginas del Sitio à Las páginas
cambian el contenido y elementos mas no la estructura de formato.

● Diseño limpio y simple. à Será un sitio lineal para evitar perder al cliente`.

● Diferenciación clara del encabezamiento à tonalidad Diferenciación de las otras

páginas de competencia.

● Los iconos y gráficos deben pertenecer a la misma Familia à familia de iconos para
la página

● Los elementos de cada página deben ser evidentes. à Los elementos o contenido serán
resaltados o subrayados.

● Tamaño de letra de suficiente, para que se pueda leer sin esfuerzo à El tamaño de
letra del contenido será de 14px, un tamaño legible y aceptable.

● Utilizar buen tamaño de letra en títulos y números importantes. à El tamaño de letra

de títulos será de 25px como estándar

● Utilizar de Preferencia fondos blancos à Nuestro fondo blanco

● Los botones de acción deben destacar à Los botones de nuestro sitio serán
sobresalientes en los partes importantes

● Evitar recuadros que parezcan banners à No colocaremos contenidos innecesarios

que roben atracción al cliente.

● Evitar que el usuario utilice el scroll à nuestro sitio será responsivo para todo tipo
de dispositivos para lograr un fácil acceso a todos.
 Semana # 4

22 Selección de todas las palabras claves.

● “Compra de bicicletas”
● “Repuestos Trek”
● “Repuestos Mongose”
● “Repuestos Bicicletas”
● “Venta Bicicleta”
● “Venta De Repuestos Bicicletas”
● “Respuestas Bicicletas El Salvador”
● “Bicicletas Mtb”

● “Accesorios”

● “Asientos”

● “Guantes”

● “Cascos”

● “Velocímetros”

● “Puños para bicicletas.”

23 Título y metatag
descripción El título
NBC Bicicletas El Salvador
Metatag
NBC, tienda online de venta Bicicletas y de accesorios de Ciclismo. Productos al mejor precio con
las mejores marcas ...web segura para comprar.
 24 redactar el etiquetado de imágenes
Las imágenes serán etiquetadas dependiendo al producto que ellas hacen referencia por ejemplo una
etiqueta sería colocar el nombre del producto, o hacer una combinación de letras:
TREK2000AZUL.jpg, esto hace referencia una marca de bicicleta, modelo y color.

25 redactar el etiquetado de videos

En el etiquetado de los videos incluimos el título, descripción, dirección web de nuestra pág. Todo
esto servirá si el video es subido a una plataforma multimedia como por ejemplo YouTube.
26 - Encargar el desarrollo de la web.
Inicio
Footer.

Catálogo de Productos.
Detalles de productos.
Quienes Somos

página de contacto.
Formulario de Registro de los Clientes.

Login
Carrito de productos y confirmación de pedidos.

diseño responsivo para todo tipo de dispositivo.

Diagrama Entidad relación BD.