INSTITUTO TECNOLÓGICO SUPERIOR DE CALKINÍ DEL

ESTADO DE CAMPECHE.

INGENIERÍA INFORMÁTICA.

GRADO: 4° GRUPO: A

E-COMMERCE.

ACTIVIDAD: A1 - Investigación y Configuración los elementos del

diseño de sitios”.

DOCENTE: LETICIA DIAZ ALARCON.

INTEGRANTES: MATRÍCULAS:
CANUL AKÉ MÓNICA ISEL 6887
CAUICH CAUICH NANCY GABRIELA 6907
PISTE CAUICH GELMY GABRIELA 7093
UC CHI CARLOS MANUEL 6876

SÉPTIMO SEMESTRE
SEGUNDO PARCIAL

FECHA DE ENTREGA: 04 DE NOVIEMBRE DE 2022

CICLO: 2022-2023N.
-INTRODUCCIÓN.

Se redactó el diseño de nuestra página web, plasmando todos los elementos que este tendrá,

uno de ellos es el motor de búsqueda ya que poniéndonos de parte de los clientes sabemos

que una página web mientras más rápido puedas buscar un producto, más llamativa es para

cada uno de nosotros, ya que así no perdemos tiempo en la búsqueda por los catálogos.

Así como se especificó el tipo de modelo que tendrá nuestro proyecto, aquí redactamos que

usaremos el B2C ya que va dirigido hacia los consumidores, los principales son los turistas

y la población en general que visitan la página web de la empresa.

 ELEMENTOS DEL DISEÑO DE SITIOS.

Elementos del diseño de sitios de comercio electrónico exitosos.

Según Rachel Sprug de HubSpot, los siete elementos importantes del diseño web moderno
que se pueden incluir para un sitio exitoso son:

Tipografía Única.

La mayoría de las empresas tienen una determinada familia, el estilo y el tamaño de la fuente,
o la tipografía, que utilizaron que ayuda a sus clientes a identificar inmediatamente frente a
sus competidores. En los últimos años, la selección de fuentes que pueden utilizar en su sitio
web ha crecido. Los diseñadores pueden tener una selección más amplia de fuentes para
elegir en sus sitios web.

Un ejemplo es el sitio magazine de negocios “Inc.” Su tipografía es reconocida por los

consumidores de todo el mundo por su estilo único y la apariencia.

Diseño Flat.

Diseño plano es conocido por su apariencia simplista o minimalista. En vez de usar efectos
tridimensionales y otras técnicas de diseño, el flat design utiliza ilustraciones sencillas que
suelen tener colores brillantes.

⧫ Efectos Flotantes.

Los efectos o elementos hover ayudan a identificar dónde se encuentra en una página. Al
colocar el cursor sobre una parte de un sitio web que tiene un efecto de flotar, por lo general
cambia de color o crea reflejos que le permite intuir que usted puede ir con un clic tras la
información que está buscando.

Página de Secciones.

Algunos sitios web tienen una característica que hace clic en un enlace y se lo trae a una parte
diferente de la página. Por ejemplo, UrbanBound utiliza esta técnica en su página web.
Vamos a echar un vistazo.

La navegación en el sitio web de UrbandBound.com enlaza con la información más

importante que quieren que sus visitantes del sitio web a la vista. Digamos que usted está
interesado en sus historias de éxito. Al hacer clic en ese enlace, que poco a poco se desplaza
hacia abajo a la sección de la página que trata sobre historias de éxito.

Imágenes de Producto de Gran Tamaño.

Muchos sitios web B2B están empezando a mostrar grandes imágenes de sus productos en
sus sitios para resaltar diferentes elementos o partes de su producto. Este elemento es otra
táctica importante de diseño que estamos viendo cada vez más.

Vídeos del Producto.

Además de las grandes imágenes de los productos, las empresas también están utilizando
vídeos en profundidad de productos para hablar de los beneficios de ellos, así como nuevas
características que van saliendo.

Imágenes Responsive.

Este último elemento de las tendencias de diseño también incluye la de tener grandes fondos
fotográficos.

Las grandes imágenes sensibles se ajustan a cualquier tamaño de pantalla, si se está

visualizando la imagen desde un PC de escritorio, una tableta o un dispositivo móvil. Eso
significa que será capaz de ver la imagen claramente sin necesidad de desplazarse hacia arriba
y hacia abajo y de lado a lado.

Otros elementos son los siguientes:

La imagen corporativa.

Tu sitio de E-Commerce debe ser congruente con la imagen corporativa de tu empresa. Tu

marca es lo más preciado y tu sitio es un reflejo de ella. Así como el usuario percibe tu sitio,
también percibe a tu empresa.

Los colores y la tipografía deben ser congruentes con tu marca y su uso debe seguir los
lineamientos de tu empresa.

Carrito de compra.

Generalmente los usuarios prefieren ir controlando que van comprando y poder añadir,
eliminar o modificar cualquier producto sin tener que dirigirse a otra página. Por eso, es muy
importante que se pueda manipular el carrito desde la misma página y que siempre esté
visible, junto a éste deberá aparecer el listado de productos, con sus precios, cantidades,
gastos de envío, impuestos a aplicar y el importe total del pedido.

Motor de búsqueda.

Es imprescindible, tener un motor de búsqueda para que el cliente encuentre de manera rápida
el producto que está interesado y no pierda tiempo en la búsqueda por los catálogos.
Considere las distintas formas que el usuario puede emplear para buscar su empresa,
producto/servicio: el nombre, la categoría y una breve descripción. Es aconsejable que en
cada búsqueda aparezcan resultados relacionados, pues así se da una sensación de amplio
catálogo y pueden surgir nuevos intereses en el potencial cliente. Por otra parte, es muy útil
elegir palabras claves que se utilizan en el negocio para posicionarse en buscadores mediante
SEO y SEM.

Calidad de imágenes.

Este es un punto muy importante y en el que debes buscar un balance entre la calidad de
imagen y el peso de estas. Las imágenes de tus productos deben resaltar los atributos de tus
productos, así como sus detalles. Asegúrate de mostrar diferentes ángulos de tus productos,
para que el cliente potencial pueda ver todos sus detalles.

De ser posible, también agrega algunas imágenes en las que pongas el producto en un
contexto de la vida diaria del cliente, para que el usuario tenga claro para qué sirve o cómo
se utiliza.

Las fotos deben estar bien iluminadas y enfocadas.

Facilidad de uso (No más de dos clics).

Un buen sitio es aquél que es sencillo de entender. Esto también aplica a la navegación y
sobre todo al diseño del menú que utilice. De ser posible, no debe existir parte alguna de tu
sitio que esté a más de dos clics de distancia de tu página de inicio.

También es muy importante que tu sitio no tenga errores, especialmente enlaces rotos.

El producto es la estrella

En un sitio de comercio electrónico, el tema central son tus productos. Por este motivo es
importante que estos siempre estén visibles.
Tu portal de E-Commerce es un autoservicio virtual. Así como en una tienda física, los
productos están a la vista y con una excelente presentación, así que también deben estarlo en
tu tienda virtual. No hay excepción, debe seguir los mismos principios.

Facilidad de pago.

Siempre que hablo de este tema pienso en la experiencia de compra. De eso se trata la venta
en línea. Me viene a la mente la experiencia de compra de Apple. Sin importar el canal de
esta marca en el que realices alguna compra, la experiencia es similar, sin embargo, uno de
los aspectos más relevantes, es la forma de pagar. Simplemente es muy fácil.

Así debe ser en tu tienda. La parte más sencilla de tu sitio debe ser la forma de pago. Debe
ser clara, fácil y sin contratiempos. Una forma de pago complicada es el principal motivo de
abandono de un carrito de compras online.

Datos de empresa y políticas.

Este aspecto es muy importante y en demasiadas ocasiones es omitido. Todo sitio de E-

Commerce debe tener los datos de la empresa, su domicilio, el teléfono y un correo de
contacto.

Como compradores, todos deseamos saber con quién estamos tratando. Si es una empresa
seria, con un sitio de E-Commerce serio, ¿cuál sería el motivo para no publicar esta
información?

De igual forma es obligatorio (por ley) publicar un aviso de privacidad y términos de uso del
sitio, para que al comprador le quede claro cómo son tratados los datos personales que deja
en el sitio y la información que obtienes mediante las cookies.
• Aplicando los elementos del diseño de sitios de comercio electrónico en el sitio web:

⧫ Imagen corporativa: La primera configuración que se hará en el sitio web, será

cambiar el logo de la empresa, personalizándolo a una imagen llamativa pero que
combine con los productos que se están ofreciendo. De igual manera los colores se
adaptarán de acuerdo con el perfil del servicio que se está ofreciendo.
⧫ Carrito de compra: En nuestro sitio web ya hemos agregado un carrito donde los
usuarios/clientes pueden agregar el número de productos que le gustaría comprar, así
como escribir el número de productos que desea comprar.
⧫ Calidad de las imágenes: Las imágenes proporcionadas serán de alta calidad para
que los clientes puedan apreciar los detalles de cada producto. Cuidando cada detalle
de ello.
⧫ Motor de búsqueda: Se añadirá un buscador para que los clientes puedan encontrar
el producto requerido.
⧫ El producto es la estrella: Se mostrará los productos más buscados o comprados.
⧫ Facilidades de pago: En cuanto a la forma de pago que aplicaremos en nuestra página
web, decidimos que será la de PayPal porque es muy conocido, transmite confianza
y es fácil de configurar.
⧫ Datos de la empresa y política: En nuestra página se tiene agregado el teléfono,
correo de contacto y el domicilio de los dueños de la empresa. De la misma manera
se va a crear nuestro aviso de privacidad y el derecho de autor de las imágenes para
evitar plagio por terceras personas. para que al comprador le quede claro cómo son
tratados los datos personales que deja en el sitio y la información que obtienes
mediante las cookies.

• Configurar el modelo de negocios para el producto de la empresa:

La artesanía no solamente es un arte tradicional que mejoró la calidad de vida de nuestros

antepasados, sino que puede mejorar la nuestra a través de un buen manejo de recursos.

En la sociedad de consumo donde vivimos es necesario buscar una salida que ayude a mejorar
nuestros ingresos económicos y esta puede ser una de ellas, son muchas las ventajas que nos
ofrece, es fácil aprenderla, mejora nuestra calidad de vida y mejora nuestra economía.
Artesanías Alger beneficia a las madres de familia, a personas artesanas dando una
oportunidad de empleo y oportunidad personas quienes serán nuestros socios clave para la
realización de este gran proyecto.

Modelo De Negocio E Business To Consumer.

• Propuesta de valor:

La importancia de saber proyectar la confianza al cliente se traduce en el hecho de que el

cliente, de manera natural, prefiere adquirir sus productos con alguien que realmente conozca
sus necesidades y sepa cómo cubrirlas. La ventaja de adquirir los productos desde nuestro
sitio web, es que cada uno de ellos son de muy buena calidad, garantizando a los clientes
durabilidad.

• Mercado del proyecto:

La comercialización de artesanías elaboradas de la materia prima (Huano, jipi) es un negocio

que puede crecer y mantenerse globalmente en el mercado siempre y cuando se mantenga un
mercado innovador satisfaciendo necesidades y deseos. La decisión por la cual se quiere
llevar a cabo este proyecto es preservar la cultura artesanal.

• Perfil del consumidor:

Los consumidores principales son los turistas y la población en general que visitan la página
web de la empresa, quienes podrán visualizar y personalizar (colores y diseños) a las
artesanías que se van a comercializar.

Plan organizacional.

• Misión:

La empresa artesanías Alger busca satisfacer las necesidades de nuestros clientes con un buen
costo-beneficios para cada uno de ellos, cumpliendo a la vez el desarrollo del sector artesanal
mediante tradición y culturas, materia prima y calidad en nuestros productos, procurando
siempre respetar nuestro medio ambiente.

• Visión.

Será una empresa que, mediante el rescate la implementación del servicio Online se busca
incrementar la venta y ser innovador. Será un sector artesanal a nivel municipal en unos
criterios de sostenibilidad, competitividad y un respeto a la identidad cultural de nuestras
etnias indígenas de la región.

Estrategias.

En el mercado de internet, será necesario tener unas estrategias que lleven a la empresa hacia
el crecimiento, con ayuda de publicidad que es lo primordial para que se difunda los
productos, ofertas y diferentes convenios que pueda tener la empresa.

Psicología de Colores.

Nos imaginamos con un encabezado de color lila, aunque aún no está definido todos los
colores que utilizaremos, para nuestra página de artesanía, será colores pasteles, no tan
intensos ya que cuando se habla de artesanal se viene a la mente como cosas antiguas.
-CONCLUSIÓN.

Sabemos que tener en claro lo que se realizar de proyecto es necesario plasmarlo ya que de

esta manera se nos facilita la creación de dicha página, ya que simplemente se plasma

teniendo en cuento todos los elementos que este tendrá, para poder llamar la atención de los

clientes y poder tener una buena aceptación en el comercio electrónico.

-REFERENCIAS.

Dieter, C. (2021). Componentes de un buen sitio de comercio electrónico. Recuperado de

https://www.shopify.com/mx/blog/73221893-12-componentes-de-un-buen-sitio-de-

comercio-electronico

González, J. (2019). Las 10 claves del éxito de un ecommerce. Recuperado de

https://www.esic.edu/rethink/comercial-y-ventas/las-10-claves-del-exito-de-un-ecommerce

Sánchez, L. (2008). Elementos importantes en el diseño de sitios web exitosos. Recuperado

de https://sites.google.com/site/laurasanchezige/unidad-1/1-8-elementos-importantes-en-el-

diseno-de-sitios-web-exitosos