Documentos de Académico
Documentos de Profesional
Documentos de Cultura
3ra parte
Planeando el website de la
empresa exportadora
Alexis Reátegui
Gerencia de Servicios de Información y
www.prompex.gob.pe Comercio Electrónico
www.perumarketplaces.com
sae@prompex.gob.pe
sae1@prompex.gob.pe
1
Agenda
Componentes de un sitio web
Factores críticos a considerar en el diseño de
un sitio web
Planeando la web de la empresa exportadora
EMAIL
Página
Website
Web
Web Site
Un grupo de páginas web enlazadas a
disposición del público a través de la World
Wide Web en Internet.
Básicamente esta construido de archivos de
texto e imágenes, actualmente se usan
animaciones con programas como Flash.
Los websites avanzados permiten mayor
interactividad con el usuario con aplicaciones
en línea con bases de datos, shopping carts o
directorios.
Es el rostro de la empresa en Internet.
Componentes de un Web site
1. Nombre de Dominio
.com .sld
.org .mil
.net .ws
.info .biz
.edu .tv
.gob .name
Donde registrar?
http://www.icann.org/registrars/accreditation-qualified-
list.html
http://www.networksolutions.com
http://www.godaddy.com
http://www.gkg.net
http://www.domain.com
http://www.register.com
http://smallbusiness.yahoo.com/domains/
http://nic.pe Å Dominios Peruanos
Alojamiento / Hosting
Hospedaje de los archivos del Web Site en un servidor
conectado las 24 horas del día a Internet para permitir a
los usuarios navegar por sus páginas.
http://www.networksolutions.com
http://www.godaddy.com
http://www.winsave.com
http://www.webhosting4life.com
http://smallbusiness.yahoo.com/webhosting/
Plan de Diseño
del Sitio Web
14
Un Web site es un medio para
lograr un fin, no el fin.
Planificando nuestro sitio web
Establecer el equipo responsable
Establecer el propósito y objetivos
Estructurar el sitio Web (Diseño)
Determinar las tecnologías adecuadas
(Desarrollo)
Lanzamiento y Seguimiento (E-marketing y
monitoreo)
Planeamiento estratégico y
planeamiento web
El Planeamiento estratégico de la
empresa brinda el marco para tomar las
decisiones que determinan la finalidad del
website.
QUÉ QUÉ
desean problemas han tenido
QUÉ CUÁN
han comprado importantes son para
mi organización
QUIÉNES CUÁN
son vulnerables son a mi
competencia
Tomado de “Sistemas de Información” de Jaime Serida
Competencia
Conocer a la competencia
Webs relacionadas
Evolución / nuevas propuestas
Clasificación de la competencia
Información / Contenido
Diseño
Características funcionales
Etc.etc.etc.
Criterios Web 1 Web 2 Web 3
Dominio
Información de empresa
Contenido
Ficha de productos
Información de contactos
Página de intro en flash
Diseño/
Flash
Programación
ASP / PHP
…
Estrategias Web
Ejemplo:
Posicionamiento en buscadores (SEO/SEM)
Aplicaciones de interacción entre la empresa
y el receptor (cliente, proveedor)
E-mail
Boletines electrónicos
Catálogos
Formularios de Contacto y
Retroalimentación
Diseño del web: Estructura
Organizar lógicamente
el contenido en
secciones para facilitar
las actividades al
usuario.
Qué información debo publicar?
Información de empresa
Productos y Servicios
Preguntas Frecuentes (Frequently Asked Questions - FAQ)
Servicio al Cliente
Información de Contacto
Contenido adicional (Noticias, eventos, recursos, etc.)
Mapa del sitio o un buscador
Políticas de privacidad o información legales.
Información para buscadores: meta tags keywords, description,
titulo de página.
Qué información debo publicar?
Mi empresa
Mis Servicios
Novedades / Noticias
Mapa del sitio
Contacto
Formulario
Mi Personal
Qué información debo publicar?
Home
Producto 1
Producto 2 Formulario
Mi Personal Producto 3
Producto N
Estructura de la Tienda Virtual
www.perumarketplaces.com
Empresa
Lista de Lista de
Productos
Lista de
Productos Productos
Cotización
Cotización
INGLES
Estructura de la Tienda Virtual
www.perumarketplaces.com
Elección del Material
Seleccionar el material para
cada sección.
Información de Empresa
(Reseña, Misión, Objetivos,…)
Especificaciones de Productos
(Descripción Comercial, Técnica,
Partidas, Embalaje)
Imágenes
(Logo, Fotos, Banners, Decorativos,…)
Diseño de Formulario
Traducciones
Producción: Herramientas
HTML
Programas de Edición Web
Programas de Edición Gráfica
Lenguajes de Programación
Programas de Animación
Plantillas y Editores en la Web
Lanzamiento y Seguimiento
Web statistics
http://www.hitbox.com
http://www.statcounter.com
http://www.certifica.com
Search Engine Optimization
Habilidad de modificar una página Web
para que alcance las posiciones más
elevadas en los buscadores.
Optimizar una página Web puede dar
como resultado una mejor posición en
los buscadores y por consiguiente un
considerable aumento de las visitas.
Search Engine Optimization
Se puede modificar: los títulos de las páginas,
los meta tags, el contenido así como modificar el
código entero de la Web para que los
buscadores puedan navegar fácilmente.
Cuerpo
Resultados patrocinados
Resultados naturales
Resultados patrocinados
Resultados naturales
Resultados patrocinados
Resultados naturales
Puntos críticos para SEO
Funcionalidad
Accesibilidad
Usabilidad
Visibilidad
Contenido
Visibilidad
Usabilidad
Accesibilidad
Contenido
El contenido es el principal elemento que buscan
nuestros visitantes.
De acuerdo al público objetivo.
El contenido esta en actualización permanente.
Debe estar organizado (estructura).
En el idioma del mercado objetivo.
Sin errores ortográficos, de redacción.
Usar hipervínculos descriptivos (no usar: dar click aquí)
Visualización
Disposición de elementos
en la pantalla.
Balance entre contenido y
gráficos
Elementos visuales que no
distraigan la atención.
Evitar desplazamientos
excesivos (scrolling)
http://www.angelfire.com/super/badwebs/main.htm
Área segura para pantallas de
800 x 600
Pantalla
Resolución
800 x 600
Hoja A4
1024x768
800x600
1280x960
LOGO
MENU PRINCIPAL
CONTENIDO
LOGO BANNER
MENU AUXILIAR
ZONA DE
ACCESO
A USUARIOS
CONTENIDO
MENU
PRINCIPAL
BANNERS
PIE DE PAGINA
Logo
Menú Superior
Ranking
Barra de Navegación
Reseña de la Empresa
Datos de Contacto e
Información de la
Empresa
Funcionalidad
Características que van a ayudar a realizar las
tareas. Ej.: Navegación, Interacción,
Retroalimentación, Búsquedas, Cotizaciones...
La funcionalidad y usabilidad de una interfaz
ayuda al usuario a desempeñarse mejor: mejora
la productividad.
Un website puede ser muy funcional pero no
usable.
BUSCADOR
INGRESO
AL SISTEMA
MENU DE
NAVEGACION
http://www.usability.gov/
http://www.fundamentosweb.org/
Accesibilidad
Diseñar sitios web y aplicaciones que estén disponibles
para todos los usuarios potenciales
Poco Ancho de Banda
Versiones de los Browsers
Impedimentos visuales
Dispositivos Móviles.
Proporcionar la flexibilidad para acomodar a las
necesidades del usuario y preferencias.
Ser compatible con las ayudas de accesibilidad.
http://www.browsershots.org
http://webxact.watchfire.com
Algunos ejemplos…
http://lebronjames.com/
http://www.willysenmarjetten.be/
http://www.gucci.com/
Gracias
Alexis Reátegui
areategui@prompex.gob.pe
www.prompex.gob.pe
www.perumarketplaces.com
74