Proyecto web

Briefing
 ¿Para qué una web?
Bescuba se encarga de la venta de material y equipamiento
destinado a la práctica de submarinismo y pesca submarina.
El desarrollo de una página web servirá a la empresa para
expandir las ventas a todo el territorio nacional, saliendo así
del mercado local donde se encuentra la tienda física y para
reforzar la marca gracias al uso d las nuevas tecnologías.

¿Qué ofrecer desde la web? ¿Qué obtener con la web?

• Venta de productos • Expansión del ámbito de venta
• Servicios adicionales para los clientes • Fidelización de clientes
• Ventajas en la compra • Nuevos clientes fuera del ámbito local
• Información de productos extendida • Presencia en Internet
• Información sobre eventos y patrocinios
Posicionamiento
La web de Bescuba deberá convertirse en un site de referencia
para los amantes del submarinismo y la pesca submarina, ade-
más de para los ciudadanos de Granada gracias a los servicios
y la información que proporcionará.

público objetivo
Nuestro público objetivo está definido por las siguientes características:
• Conoce otros sites similares (La escasez de competencia física hace
que los clientes busquen alternativas en la red).
• Busca precios competitivos.
• Los sites que visita son muy similares, necesita servicios diferentes.
• Se siente parte importante del medio y quiere participar.
• Busca seguridad y confianza ya que va a dar sus datos personales,
como DNI y número de tarjeta de crédito.
• Necesita diferentes métodos de pago, ya que conoce varios de otros
sites.
Necesidades de Vs Necesidades del
la empresa usuario
• Presencia en Internet. • Mantenerse informado.
• Acercamiento a nuevos clientes. • Portal donde encontrar todo lo necesario.
• Reforzar la marca. • Comprar online.
• Incrementar volumen de ventas. • Interactuar y comunicarse.
• Expandir el mercado fuera de Granada. • Información referente a la ciudad para
futuras visitas.
Análisis de la competencia
Primera parte
Se analiza la competencia en la red para sacar conclusiones sobre lo que
se ofrece en este medio y lo que los clientes demandan.
De todas las webs encontradas nos centramos en las siguientes para aco-
tar la investigación. Los criterios para escoger estas webs son su posicio-
namiento en buscadores de internet, el volumen de ventas y la recomen-
dación de dichas páginas en foros y portales del sector.
https://www.a-alvarez.com/tienda/es/submarinismo/

álvarez
• La cabecera contiene a la izquierda el logotipo
de la tienda, a la derecha integración con redes
sociales y un módulo de acceso a la cuenta.
Abajo contiene un menú con acceso a diferentes
deportes de la tienda y un pequeño “aviso”.
• La estructura del site es de 3 columnas. La
primera de ellas (1/7 del ancho total) contiene
un par de anuncios y el menú de acceso a las
diferentes categorías de la tienda. La columna
derecha (1/7 del ancho total) contiene un menú
gráfico de acceso a secciones informativas de
la propia página, un menú de seguimiento de
pedidos y avisos legales, y por último un peque-
ño banner.
• La navegación dentro de la tienda e submarinis-
mo se realiza con el menú de la columna izquier-
da, en el bloque central aparece un breadcrumbs
arriba.
• El diseño es similar al de la mayoría de CMS
disponibles para tal fin, y la gama cromática se
sale de la norma ya que es verde.
 https://www.a-alvarez.com/tienda/es/submarinismo/

álvarez
* Neumáticas y Motores Un error a evitar en nuestro diseño que
Secciones: * Octopus encontramos en esta página es que el
* Accesorios * Reguladores menú lateral que nos servirá para na-
* Aletas * Relojes vegar por la tienda está debajo de dos
* Bolsas * Tiempo Libre banner publicitarios, con lo que debemos
* Botellas * Trajes hacer más scroll de la cuenta para acce-
* Cinturones * Tubos der a el en cada página.
* Complementos El diseño es serío y amigable, y es agra-
* Cuchillería dable encontrar una gama cromática
* Cuchillos diferente a la de la norma.
* Cuidado del Equipo
* Detectores de Metales
* En forma
* Equipos de Control
* Escarpines
* Focos y Linternas
* Fusiles
* Gps
* Guantes
* Jackets
* Kits Especiales
* Libros, Vídeos y Dvd
* Liquidaciones
* Máscaras
* Náutica
http://www.bluewaterextreme.com
blue water extreme
• Cabecera en la parte superior izquierda y en la
derecha menú de elección de idioma y divisas,
además de buscador de contenido.
• Retícula de 9 columnas. El contenido se distri-
buye en 3 columnas. La primera (2 columnas de
retícula base) contiene los menús, la segunda
(5 columnas de la RB) contiene artículos, rese-
ñas, destacados, etc. y la tercera (2 columnas
de la RB) contiene otros menús, como el acceso,
novedades, lo más vendido, rebajas o resumen
de la cesta.
• La estructura del site es jerárquico. La seccio-
nes principales son las categorías de la tienda,
y cada una de ellas contiene subcategorías. Los
menús laterales se mantienen siempre visibles
para poder moverse por el site, y lo que va cam-
biando es la columna central. En la parte supe-
rior añade un breadcrumbs para indicar siempre
en que parte del site nos encontramos.
• No tiene elementos gráficos especiales, la gama
cromática se compone de tonalidades de azul y
gris, y la gestión del blanco es correcta, dando
sensación de orden y limpieza.
 http://www.bluewaterextreme.com
blue water extreme
Secciones: • Trajes y chalecos En general, el site está bien ordenado y
• Accesorios+ • Tuna glitter limpio. Ofrece el contenido justo para ser
• Aletas • Varillas+ una tienda pero no ofrece otros servicios
• Bolsas que hagan de la experiencia de navega-
• Boyas Contenidos adicionales ción algo más agradable y ameno.
• Bungees+ En cuanto a diseño es bastante escueta
• Cabos y monofilamentos+ • Terminos legales y aséptica, dejando como único elemento
• Carretes+ • Condiciones de uso gráfico el color azul en pocas tonalidades
• Cinturones y lastre • Quiénes somos empleado para los marcadores de sec-
• Cuchillos • Opciones de pago ción y algunos botones.
• Dyneema • Envío
• Equipo de seguridad • Confidencialidad
• Flashers • Como conseguir descuentos
• Float lines • Nuestras asociaciones comerciales
• Fusiles+ • Patrocinios
• Gomas+
• Guantes y escarpines
• Hoquei subacuático
• Libros y DVD
• Liquidaciones
• Mantenimiento
• Mascaras y accesorios
• Pasrtes de fusil
• Puntas zabafles
• Ropa deportiva
http://www.scubastore.com/buceo-submarinismo
dive inn scubastore
• La cabecera consta del logotipo situado en la
parte izquierda, y en la derecha un menú adicio-
nal y resumen de la compra. En la parte superior
hay un menú de idiomas y país.
• El contenido está distribuido en 3 columnas: En
la primera (poco menos de 1/5 del ancho total)
hay un menú de secciones. En la segunda (unas
3/5 partes del ancho total) se ubica el contenido
de los artículos, fichas técnicas, lo más vendido,
etc.. En la tercera (poco más de 1/5 del ancho
total) hay otros menús con acceso a secciones
como información de interés, afiliación, redes
sociales, patrocinadores, etc..
• La navegación es sencilla. La columna izquierda
de secciones se mantiene siempre presente.
El resto del espacio se combina ofreciendo
una columna de mayor tamaño ocupada por el
catálogo de la sección en concreto. En la par-
te superior se añade un breadcrumbs que nos
indica en que parte del site nos encontramos en
todo momento.
• La tonalidad del site es azul (diferentes tonos),
y contiene algunos elementos gráficos para
marcar ofertas, novedades, etc. La gestión del
blanco es correcta, dando sensación de seriedad.
 http://www.scubastore.com/buceo-submarinismo
dive inn scubastore
Secciones: El site es de los mejores en cuanto a
• Accesorios+ sensación de organización y seriedad. El
• Aletas+ diseño está cuidado aunque no ofrece re-
• BDC-Alas+ cursos gráficos demasiados elaborados.
• BDC- Chalecos+ La navegación es intuitiva y eficaz, ha-
• Bolsas+ ciendo la experiencia del usuario agrada-
• Foto-Video+ ble y ligera.
• Fusiles+ No ofrece servicios adicionales para el
• Iluminación+ cliente, tan solo el catálogo.
• Instrumentos+
• Mascaras+ Elementos interesantes:
• Natacion+ • Opción de seguimiento de pedidos.
• Packs+ • Slide en el home de ofertas/noveda-
• Plotters-Gps-Sondas+ des.
• Reguladores+
• Relojes+
• Ropa+
• Trajes+
• Tubos+
http://www.elreparo.com
el reparo
• La cabecera es una fotografía al letrero de la
tienda. Debajo hay un topmenu con opciones
secundarias.
• La estructura de la página consta de 3 colum-
nas. La primera columna (1/4 del ancho total)
contiene los menús de navegación. En la se-
gunda columna (2/4 del ancho total) está el
contenido según la página en la que nos encon-
tremos. La última columna (1/4 del ancho total)
contiene imágenes aleatorias en slide y los
últimos productos añadidos a la tienda.
• El menú es bastante pobre y siempre se man-
tiene a la izquierda, En el home no encontra-
mos el menú de artículos en venta, hasta que
pinchamos en la opción de tienda. El site está
organizado con una estructura jerárquica aun-
que casi siempre disponemos del menú lateral
para acceder a otros sitios del site.
• En cuanto al diseño es bastante pobre. El
catálogo está pogremente estructurado, sin
jerarquía ni orden. El home es bastante caótico
y poco atractivo. No tiene elementos gráficos
propios y la gama cromática consta de marró-
nes, rojos y grises en varias tonalidades, sin
tener una unidad clara.
 http://www.elreparo.com
el reparo
Secciones: En general el site es bastante pobre, a
• Aletas+ nivel visual no tiene interés alguno y da
• Boyas la sensación de ser un CMS mal trabaja-
• Carretes do. El contenido es pobre y además no
• Cuchillos-dagas hay ni un precio, siempre pone que se
• Escarpines llame por teléfono para consultar, lo cual
• Fusiles+ es un grave error.
• Gafas
• Gomas Cosas a evitar:
• Guantes • Gama cromática no concreta.
• Linternas • Menús poco atractivos.
• Obúses • Contenido muy pobre.
• Relojes • Distribución de los elementos en el
• Trajes+ espacio disponible muy poco traba-
• Tubos jada.
• Varillas
http://www.sportspamies.com/tienda/
esports pàmies
• La cabecera contiene en la parte izquierda el
logotipo de la empresa y un pequeño eslogan, y
en la parte derecha una animación flash.
• La web está distribuida en 3 columnas. La
primera de ellas (1/6 del ancho total) contiene
el menú de navegación y marcas recomenda-
das. La siguiente columna (4/6 del ancho total)
es donde se encuentra el contenido. La última
columna (1/6 del ancho total) contiene informa-
ción de la compra, subscripción a un newsletter,
opciones de atención al cliente, ofertas, etc..
• La navegación reside en el menú lateral y la colum-
na central es la que va cambiando el contenido,
manteniendose las otras dos siempre fijas. Las
diferentes páginas están organizadas de manera
jerárquica.
• La gama cromática de la web se puede decir que
consta de un azul/turquesa bastante usado, y
un color verde brillante usado en el home princi-
palmente como separador de módulas y como
background del menú del header. No hay recursos
gráficos propios y la gestión del blanco es correcta
aunque al acceder a los catálogos la separación en-
tre artículos es demasiado escasa dando sensación
de agobio. En general el diseño está bien trabajado.
 http://www.sportspamies.com/tienda/
esports pàmies
Secciones: • Tubos Respiradores El site está bien organizado y da buenas
• Accesorios varios • Trajes sensaciones en cuanto al diseño se refie-
• Aletas re, al margen del pequeño problema de
• Aletas accesorios gestión de blancos en el catálogo.
• Aletas recambios palas La distribución de las secciones es algo
• Bolsas y fundas extensa, pudiendo algunas ser agrupa-
• Boyas y planchas das pero no presta a la confusión.
• Cabos y líneas La gama cromática proporciona unidad a
• Cinturones la página aunque no hay recursos gráfi-
• Cuchillos cos propios.
• Chalecos y Bermudas
• Escarpines
• Flechas y Puntas
• Fusiles
• Ganchos
• Gomas
• Guantes
• Linternas
• Lastres y Plomos
• Máscaras
• Máscaras Accesorios
• Natación
• Obuses
• Ordenadores y Relojes
http://www.subprof.com/tienda/index.php?
subprof
• La cabecera consta en la parte izquierda del
logotipo de la empresa y en la derecha de un
menú secundario y publicidad. Debajo a la iz-
quierda hay menús de selección de idioma y mo-
neda, además de un breadcrumbs. A la derecha
hay buscador, contacto y opciones de ofertas,
liquidaciones, etc..
• Consta de 3 columnas. Las laterales son de
ancho fijo y la central de diseño líquido de ma-
nera que se adapta a la resolución. La columna
izquierda contiene el menú de categorías y nob-
vedades y la derecha contiene cesta, contacto,
ofertas y publicidad. En el centro el contenido.
• El menú de navegación es el de la columna iz-
quierda que siempre permanece visible (al igual
que la derecha). El breadcrumbs de arriba nos
mantiene siempre informados de en qué zona
del site nos encontramos.
• La gama cromática es azul, usando diferentes
tonalidades, y los elementos no están demasia-
do juntos, así que no hay sensación de agobio.
En cuanto a elementos gráficos no hay dema-
siados.
 http://www.subprof.com/tienda/index.php?
subprof
• Aletas Control
— Aletas Fibra/Carbono — Pantallas multifuncion
— Aletas Termoplásticas — Pilotos Automáticos
— Accesorios — Radares
• Bolsas y fundas — Radios VHF / Digitales
— Bolsas Equipo — Sonda/GPS/Plotter
— Bolsas para aletas — Sondas Pesca
— Bolsas para fusiles o Sondas Fijas
— Fundas equipo o Sondas portátiles
— Mochilas y sacos — Telefonos vía satelite
— Redes y Fundas es- — Transductores y acce-
tancas sorios
• Boyas y Planchas • Entrenamiento y piscina
• Cables y Remaches • Escarpines
• Chalecos Plomos • Flechas y puntas
• Chalecos y bermudas — Flechas
• Cinturones — Puntas
• Cuchillos — Accesorios
• Electrónica / Navegación • Foto y Vídeo
— Balizas emergencia y — Foto
avisadores satelitarios — Ví­deo
— Antenas Radio VHF & — Accesorios y baterías
GPS • Fusiles - Accesorios
— Camara Video recono- • Fusiles - Carretes
cimiento fondo • Fusiles - Gomas
— Cartografia Electrónica • Fusiles de pesca
— GPS/Plotter — Fusiles de aluminio
o GPS/Plotter fijos — Fusiles de carbono
o GPS/Plotter portátil — Fusiles de madera
o GPS/Plotter - Acce- — Fusiles pneumáticos
sorios • Guantes
— Instrumentos de • Herramientas
• Lastres y Plomos No incluye contenido adicional para mejorar la expe-
• Libros y DVDs riencia del usuario.
— Libros
— DVDs
Se limita a ofrecer el catálogo.
• Linternas El diseño está correcto, aunque no demasiado
— Linternas atractivo.
— Pilas y baterías La distribución de secciones es muy similar a la del
— Accesorios resto de sites.
• Mantenimiento
• Máscaras
• Obuses
• Ordenadores y relojes
— Ordenadores y Relojes
— Accesorios
• Ropa y Regalos
— Camisetas
— Gorras
— Manga larga
— Regalos
— Varios
• Trajes
— Trajes de Apnea
— Trajes de Camuflaje
— Trajes de Chicle/Liso
— Trajes Neopreno Negro
— Piezas sueltas
• Tubos respiradores
• Vehiculos Sub
http://www.sportsbarragan.com/
sports barragan
• La cabecera contiene el menú principal de
secciones, y debajo hay otra “caja” que contiene
selección de idioma y moneda, lista de fabri-
cantes y resumen de la compra. En un tercer
nivel encontramos el logotipo de la empresa a
la izquierda y un slide de imágenes de algunos
productos.
• Está organizada en 2 columnas. La primera
(1/4 del ancho total) contiene un buscador y
los menús de categorías, novedades, ofertas e
información. En la columna derecha se desarro-
lla el contenido con una selección de productos
estrella.
• La navegación se realiza mediante el menú de
categorías lateral, y al acceder a algún catálogo
aparece un breadcrumbs en la parte superior.
• El diseño es un poco peculiar sobre todo por la
distribución del header. La gama cromática es
es azul, en diversas tonalidades y la gestión del
blanco es acertada. Utiliza como recurso gráfico
el imagotipo de la marca para diferenciar sub-
menús en la columna izquierda de la navega-
ción.
 http://www.sportsbarragan.com/
sports barragan

Secciones: Un site muy sencillo y básico, con una estética muy

• Aletas parecida a un blog.
• Trajes El diseño de la cabecera es curioso, aunque no muy
• Fusiles efectivo.
• Máscaras No hay nada que destacar en especial.
• Cristales graduados
• Tubos
• Linternas
• Cuchillos
• Boyas y planchas de pesca
• Ordenadores apnea
• Guantes
• Escarpines
• Complementos neopreno
• Bolsas
• Ropa y DVDs
• Accesorios
http://www.vinasub.com/tienda/index.php
viñasub

• La cabecera contiene el logotipo a la izquierda

y una imagen como fondo. Debajo se encuen-
tra un breadcrumbs y a la derecha un pequeño
menú de acceso a la cuenta y al carrito/pedido.
• Esta compuesta por dos columnas. La primera
(1/4 del ancho total) con menús de categorías,
fabricantes, información, selección de moneda,
información de compra, etc.. En la segunda co-
lumna se ubica el contenido. Hay una pequeña
descripción de la tienda física y un catálogo de
ofertas.
• La navegación se realiza con los menús de la
columna izquierda (siempre visible) y el bread-
crumbs nos ayuda a saber en que parte del site
estamos.
• El diseño es algo escueto. La gama cromática
es azul en una sola tonalidad. No tiene recursos
gráficos aunque la gestión del blanco es acerta-
da.
 http://www.vinasub.com/tienda/index.php
viñasub

Secciones: Aletas Electrónica El diseño es pobre y no hay nada que

• Pesca en Apnea Bolsas Embarcaciones destacar en este aspecto.
Accesorios Varios Botellas Material de Seguridad En cuanto al contenido es prácticamente
Aletas Boyas • Regalos lo mismo que las webs anteriores.
Bolsas Cámaras foto-vídeo sub Cámaras foto-vídeo sub
Boyas Cinturones Libros
Cámaras foto-vídeo sub Complementos Botellas Relojes, Instrumentos,
Cinturones Cuchillos Cajas estancas, otros
Cuchillos Globos elevadores.
Fusiles Instrumentos, Consolas
Gomas Jackets
Linternas Linternas y focos
Máscaras Máscaras
Neopreno Neopreno
Ordenadores y profundi- Ordenadores y profundi-
metros digitales metros digitales
Plomo lastre Plomo lastre
Ropa deportiva Reguladores
Tubos respiradores Ropa Deportiva
Varillas Tubos respiradores
• Buceo • Nautica
Accesorios Accesorios
http://sibora-mar.es/index.php
siboramar
• La cabecera es una composición fotográfica con
el logotipo en la esquina inferior derecha. Abajo
tiene un breadcrumbs clickable.
• Distribuida en dos columnas. La izquierda con-
tiene el menú de secciones, que mezcla tanto
secciones de la propia tienda con otras como
fotografías o enlaces sin jerarquización niguna.
Contiene otros módulos para afiliarse, publi-
cidad o acceso. La columna derecha (unas 5/4
partes del ancho total) es para el contenido que
se va modificando a medida que se accede a las
diferentes secciones.
• La navegación se hace en la coumna de la iz-
quierda y hay un breadcrumbs en el header.
• El diseño es bastante precario. La gama cromá-
tica se divide en azul y amarillo. Parece ser un
CMS adaptado.
 http://sibora-mar.es/index.php
siboramar
Secciones: • Tallas Mínimas El diseño es bastante precario y la arquitectura de
• SIBORA-MAR • El Mar y El Tiempo la información totalmente errónea. No hay jerarquía
• GAMO • Imagen e Iluminación en el orden y clasificación de los contenidos y la
• Cañas • Cursos 2010 navegación se hace muy caótica debido a ello.
• Carretes • Neveras Igloo
• Peces Artificiales
• Grauvell
• Tus Fotos de Pesca
• Tiendas
• Club de Buceo SIB-SUB
• Beuchat
• Cressi Sub
• Omer y Sporasub
• Videos
• Náutica
• Sondas y Comuni.
• Kayaks Rotomod
• Buscar
• Noticias
• Prensa
• Foro
• Contactar
• Galeria de Imagenes
• Enlaces
http://www.simplyscuba.com/
simplyscuba
• La cabecera contiene a la izquiera el logotipo
de la tienda y a la derecha unos menús para la
administración de la cuenta del usuario y se-
guimiento de pedidos y devoluciones. Debajo
contiene un menú con los principales accesos y
un buscador.
• Está dividida en 2 columnas. La izquierda con-
tiene el menú de acceso a las diferentes sec-
ciones de la tienda y una pequeña publicicidad.
La de la derecha (4/5 partes del ancho total)
sirve para ubicar el contenido que varía en cada
sección (a modo de catálogo).
• La navegación se mantiene siempre fácil gra-
cias a que la columna de la izquierda siempre
está visible. Echamos de menos una ayuda a la
navegación que nos indique dónde estamos, ya
que no lo tiene.
• En cuanto al diseño es muy escueto y asépti-
co. La gama tonal es azulada, y la gestión del
blanco es muy limpia y seria. Es un diseño muy
correcto.
 http://www.simplyscuba.com/
simplyscuba
Secciones: • Rash Vests La distribución del contenido es muy
• Shop by brand • Reels and Buoys correcta y seria. No hay elementos que
• Go back to the main navigation • Regulators distraigan la atención y parece que la
• Shop by department • Replacement Parts información está bien estructurada.
• Accessories • Sale Contiene un sistema de seguimiento
• Bags • Servicing de pedidos y devoluciones, lo cual es un
• BCDs • Snorkels punto muy a su favor.
• Books • Technical Diving
• Childrens Dive Gear • Underwater Cameras
• Clips and Lanyards • Underwater Lights
• Clothing • Watches
• Cylinders • Weight Systems
• Dive Computers • Wet Suits
• Dry Suits
• Dry Suits Undersuits
• Fins
• Gift Ideas
• Gloves Boots Hoods
• Hoses
• Instruments
• Jewellery
• Knives
• Masks
• New Products
• Packages
• PADI Materials
http://www.leisurepro.com/
leisurepro
La cabecera contiene arriba un menú de acceso a
la cuenta, seguimiento de pedidos y devoluciones,
y otro de acceso directo al carrito de la compra.
Debajo, el logotipo, una advertencia y el buscador.
En un tercer nivel, el menú de secciones principales
del site, y por último, una advertencia y un pequeño
anuncio.
El site está estructurado en 3 columnas. La izquier-
da (1/7 parte del ancho total) contiene los menús
de secciones de la tienda divididos en categorías. La
central contiene el desarrollo del contenido. La ter-
cera (2/7 partes del ancho total) contiene opciones
de filtrado de búsqueda y productos destacados,
que varía según la sección en la que nos encontre-
mos. En el home la segunda y tercera columnas se
unen.
La navegación se realiza gracias a la columna lateral
y al menú del header. En la columna central arriba
hay un breadrumbs.
El diseño se mantiene en la línea de los anteriores
sites, con la gama cromática azul y estructura de
CMS. La gestión del blanco es correcta.
 http://www.leisurepro.com/
leisurepro
Secciones: Aid * Surfing Wetsuits * Hookah Systems
* Essential Equip- * Watersports * Inflatable Fen-
ment * Exposure Protec- Wetsuits ders
* Buoyancy Com- tion * Hoods-Gloves & * Gas Analyzers
pensators * Wetsuits Footwear
* Computers * Boots * Insect Protection * Public Safety
* Fins * Gloves * Sun Protection * Full Face Masks
* Gauges * Hoods * Safety & Rescue * Buoyancy Com-
* Masks * Drysuits * Mask & Snorkel pensators
* Octopuses * Skins & Rash Sets * Rescue Equip-
* Regulators Guards * Swimming ment
* Snorkels Goggles * Communications
* Tanks * Educational and * Swimming Fins * Fins
* Weights & Belts Guides * Swim Caps * Diving
* Books * Swimwear
* Add-On Gear * DVD’s * Swimming Ac-
* Spearguns * I.D. Cards & Maps cessories
* Knives * Online Courses * Water Aerobics &
* Reels Fitness
* Watertight Cases * Watersports
* Photography * Boats Kayaks & * Assorted Acces-
* Lights Canoes sories
* Watches * Tubes Floats & * General Acces-
* Gear Bags Lounges sories
* Lift Bags * Towables * Underwater
* Dive Apparel * Boards & Ski’s Scooters
* Dry Bags * Life Jackets & * Metal Detectors
* MP3 Players Vests * Compressors
* Handheld Sonar * Boat & Kayak * Underwater
Systems Accessories Communication
* Safety & First * Triathlon Suits * Gift Corner
http://www.divers-supply.com/
divers supply
La cabecera contiene el logotipo y número de con-
tacto a la izquierda, un pequeño menú de secciones
y el buscador a la derecha y un segundo menú de
apartados debajo.
La estructura de la página es de 3 columnas. La pri-
mera (1/7 parte del ancho total) contiene el menú
de categorías, que se despliegan cuando las pin-
chas, además de un pequeño buscador, información
de contacto, etc., la central (5/7 partes del ancho
total) se encarga del desarrollo del contenido, y la
última tiene apartados de últimas incorporaciones
al catálogo y top de ventas.
La navegación se realiza gracias al menú de la co-
lumna izquierda y el superior del header. En la parte
superior de la columna central se incluye un bread-
crumbs.
El diseño es similar al de los anteriores sites debido
a que debe ser un CMS preconfigurado. Igualmente
el color predominante es el azul.
 http://www.divers-supply.com/
divers supply
Secciones:
SCUBA GEAR
BCDs
Regulators and Octopus
Gauges
Computers
Scuba Masks
Scuba Fins
Scuba Snorkels
Weight & Belts
Tanks
Scuba Packages
Mask Fin Snorkel Packages
SCUBA ACCESSORIES
SNORKELING GEAR
EXPOSURE PROTECTION
PHOTOGRAPHY
SPECIALITY GEAR
SCUBA DIVING APPAREL
PACKAGES
SWIMMING
WATERSPORTS
CLEARANCE & USED
Comparativa de secciones

Libros, DVD y Video

Cuidado del equipo

Focos y linternas

Reguladores

Tiempo libre
Cinturones

Escarpines
Accesorios

Seguridad
Máscaras
Natación
Cuchillos
Carretes

Guantes
Botellas

Náutica

Relojes
Jackets
Fusiles
Bolsas
Aletas

Tubos
Trajes
Cabos
Boyas

Ropa
Kits
Gps
alvarez
bluewater
diveinn
el reparo
sports barragan
esports pamies
subprof
viñasub
siboramar
simplyscuba
leisure pro
diverssupply

Secciones más repetidas:

Accesorios / Aletas / Bolsas / Cinturones / Cuchillos / Escarpines / Iluminación / Fusiles /
Sistemas de Navegación / Guantes / Máscaras / Trajes / Tubos
Comparativa aspectos gráficos
tipografía color predo. columnas ancho scroll vertical
alvarez arial verde 3 fijo 2x
bluewater verdana azul 3 fijo 3x
diveinn arial azul 3 fijo 4x
el reparo arial marron/rojo 3 líquido 2x
sports barragan arial azul 2 fijo 3x
esports pamies arial azul 3 fijo 3x
subprof verdana azul 3 líquido 3x
viñasub verdana azul 2 fijo 2x
siboramar helvetica azul 2 fijo mucho
simplyscuba arial azul 3 fijo 2x
leisurepro arial azul 3 fijo 4x
diverssupply arial azul 3 líquido 3x

Conclusiones: Los aspectos más repetidos son:

Tipografía arial
color predominante azul
3 columnas
ancho fijo
scroll vertical entre 2x y 3x
Análisis de la competencia
Conclusiones de la primera parte
• En su gran mayoría, estas webs de tiendas online utilizan un CMS
como joomla, PHPNuke o Prestashop.
• Las secciones y distribución del contenido son muy similares.
• La navegación se realiza con un menú ubicado siempre en la columna
izquierda.
• Son páginas dinámicas con lenguajes como PHP y SQL para integrar la
opción de comercio electrónico.
• Todas tienen buscador de productos.
• Se muestran los artículos en forma de catálogo, con opción de infor-
mación ampliable.
• El color predominante es el azul, y en menor medida el gris.

Características técnicas
Comprobando los lenguajes de programación y características técnicas,
comprobamos que todos los sites excepto “El reparo” tienen las siguien-
tes características:
• Escrito con html, css y javascript
• Hay opciones de búsqueda
• Hay sistema de ayuda a la navegación como breadcrumbs
• Hay comercio electrónico
• Hay formulario de contacto
Análisis de la competencia
Segunda parte
Se procede a indagar sobre portales de información dedicada, en primer
lugar al deporte en concreto, y en segundo lugar a la ciudad de granada.
De aquí sacaremos conclusiónes sobre qué servicios ofrecer a los intern-
autas y de qué manera hacerlo.
http://www.a-alvarez.com/index.php?deporte=4
• Este portal es un claro ejemplo de competencia directísima
ya que pertenece a una tienda online.
• Aparentemente es un site diferente a la tienda, y dentro
de él hay acceso al comercio, abriéndose al hacer click en él
el site de la tienda en una pestaña nueva.
• Da información relevante sobre el deporte, como es por
ejemplo información meteorológica de diferentes zonas de
la costa nacional, consejos prácticos sobre seguridad, sa-
lud, técnicas y práctica del deporte, enlaces de interés, etc.
• El diseño es el mismo que el de su tienda, compartiendo
características de CMS como podría ser Joomla o PHPNuke.
• Tiene acceso identificado así que necesita tecnología PHP
y SQL obligatoriamente.
• El usuario del portal es el mismo que el de la tienda, de
manera que se puede estar navegando por el portal y
entrar a comprar en la tienda sin tener que reloguear en la
nueva pestaña de la tienda.
http://www.larompiente.com/default1.asp Estos 3 portales están dedicados a la pesca submarina y los 3 tienen es-
tructura de foro con portal de entrada, como hace el CMS PHPBB.
Ofrecen servicios prinipalmente de Web 2.0, y la mayoría del contenido
es de los usuarios aunque hay algunos moderadores que se encargan de
administrar el site.
Hay secciones de consejos, seguridad, mapas, información básica, meteo-
rología, lugares donde pescar, galerías fotográficas y multimedia de los
propios usuarios, foros, chat, enlaces de interés, etc.

http://www.pescamediterraneo2.com/index.php

http://lapescasubmarina.com
http://www.turgranada.es/index.php • Portal sobre la ciudad de Granada enfocado al
turismo y con los turistas como target principal.
• Información sobre alojamiento, restaurantes,
lugares de ocio, etc.
• Agenda de actividades culturales.
• Información filtrada por localidad.
• Información relevante sobre la ciudad.
• Galerías multimedia.
http://www.portaldegranada.com/
• Portal de información general sobre la ciudad de
Granada.
• Secciones como enlaces de interés, teléfonos de
interés, galerías multimedia, compraventa, etc.
• Apartado de entretenimiento con guía de tv,
cartelera de cine, chat, foro, juegos, etc.
• Guías de transportes, alojamientos, restaura-
ción y turismo general.
• Es un CMS, joomla para ser más concretos.
http://granadainfo.com/
• Portal de información general sobre la ciudad de
Granada.
• Estructura de lista de enlaces de interés. No
tiene menú, simplemente hay desplazamiento
vertical con scroll.
• Sección principal de enlaces sobre granada
como guías gastronómicas, galerías fotográfi-
cas, planos interactivos, foros, etc.
• Secciones sobre alojamientos y restaurantes
tanto de la capital como del resto de provincia.
• Sección con enlaces de ocio y actividades como
información sobre Semana Santa, parques
acuáticos, museos, flamenco, etc.
• El diseño de esta web es paupérrimo ya que
parece prácticamente un documento de texto
con enlaces.
http://www.granadaturiocio.com/
• Portal de información general y turística sobre
granada.
• El home es un blog donde van apareciendo las
últimas noticias agregadas.
• Publicidad muy presente en todo el site, tanto
en banner que hay a ambos lados del contenido,
como en un enorme sidebar de anuncios arriba
de la web.
• Contiene información de todo tipo relacionada
con la ciudad, desde como conseguir abonos de
transporte a qué lugares nocturnos visitar.
• Información muy completa y detallada.
http://www.granada.net/

• Web de scroll horizontal.

• Información sobre cultura, arte, turismo, etc.
• Buscador de comercios.
• Información similar a las anteriores, con guías turísticas,
datos de interés de la provincia, etc.
• Diseño poco trabajado.
Análisis de la competencia
tipografía color predo. columnas ancho scroll vertical
alvarez arial verde 3 fijo 2x
larompiente verdana azul 3 fijo 2x
turgranada predet. rojo 3 fijo <2x
portaldegranada verdana azul/blanco 3 líquido 2x
granadainfo arial azul/blanco 1 fijo 8x aprox.
granadaturiocio Segoe UI, Arial negro/violeta 3 fijo 4x
granada.net blanco 1 fijo 2x (horizontal)

Conclusiones generales:
Tipografía arial o verdana
Gama cromática entre azul y blanco
3 Columnas
Ancho fijo
Principalmente poco scroll vertical
Análisis de la competencia
Conclusiones de la segunda parte
• Contenidos de interés cultural y turístico principalmente.
• Agendas culturales, carteleras de cine y enlaces a otras páginas de
interés.
• A parte de los servicios propios que dé el portal, también se debe facili-
tar acceso a otros contenidos externos.
• En cuanto al deporte hay bastante información que dar como consejos
prácticos, ayuda a la iniciación, brico, etc.

Características técnicas
Comprobando los lenguajes de programación y características técnicas,
comprobamos que todos los sites tienen las siguientes características:
• Escrito con html, css, javascript, PHP y SQL.
• Hay opciones de búsqueda
• Hay sistema de ayuda a la navegación como breadcrumbs
• Hay formulario de contacto
• Acceso identificado
• Foros, chats, galerías multimedia de usuarios, etc.
Conclusiones generales
• La web será un portal de información sobre la ciudad de Granada y la práctica del
deporte en la provincia.
• Contendrá un acceso a un site paralelo con la tienda online de Bescuba.
• Se darán servicios de información sobre la ciudad como guías de alojamiento y
restauración, lugares de interés, datos sobre la ciudad, transportes, etc., como se
dan en los portales de información turística.
• Tambíen se dará información sobre el deporte como consejos prácticos, técnicas,
material imprescindible, lugares para la práctica del deporte, etc.
• Se pueden incluir servicios como el tiempo en la ciudad y la costa, webcams de
las playas y demás información útil para saber las condiciones meteorológicas de
la costa para saber si se puede o no salir a bucear.
• Integración con las redes sociales, como facebook, twitter o tuenti.
• Galerías multimedia de usuarios (vimeo y flickr) tanto sobre la ciudad como so-
bre el deporte.
• Tendrá una sección de noticias que se actualizará frecuentemente, tanto sobre
la ciudad como sobre el deporte (principalmente noticias del deporte relaciona-
das con la provincia).
• El home del portal será estilo blog con las últimas noticias añadidas.
• En cuanto al diseño, el uso de plantillas de dos columnas es algo muy extendido
y funciona bien ya que son estructuras muy conocidas por los usuarios.
• Los colores de la web pueden ser azul y verde corporativos.
• El site de tienda electrónica deberá contener ayuda a la navegación como los
breadcrumbs, seguimiento de pedidos y devoluciones, slides con ofertas o pro-
mociones, y demás características necesarias para la buena experiencia de los en definitiva
usuarios. Construiremos un portal de consulta
frecuente para los granadinos amantes
del submarinismo
Contenidos
Los contenidos de la web de bescuba tendrán dos temáticas diferentes:
• Por un lado la ciudad de Granada.
• Por otro lado el submarinismo y la pesca submarina, tanto en Granada como en
general.
Como contenidos sobre la ciudad de Granada ofreceremos:
• Guías de hostelería, restauraión y ocio de la ciudad.
• Mapas.
• Galerías multimedia.
• Previsión meteorológica.
• Foros y chats.
• Agenda cultural: Cine, teatro, conciertos, etc.
• Servicio de noticias actuales sobre la ciudad.
• Enlaces de interés.
• Información de interés como horarios de museos, monumentos, líneas de bus,
etc.
Como contenidos sobre submarinismo y pesca submarina:
• Webcams de playas para ver el estado del mar.
• Mapas de las costa.
• Artículos sobre consejos tales como seguridad, lugares donde bucear, etc.
• Previsión meteorológica.
• Foros y chats.
• Galerías multimedia.
• Lugares de interés: Hoteles, restaurantes, etc.
• Noticias de interés relacionadas.
Características técnicas
La web tendrá las siguientes características:
• Lenguajes de programación: CSS y HTML (el microsite de la tienda online tendrá
que tener PHP y SQL para administrar el acceso identificado y demás servicios
propios, pero se podrá gestionar con un CMS como PrestaShop).
• Servicio de afiliación de contenido (RSS).
• Integración en redes sociales como Facebook y Tuenti (con este servicio se pre-
vée que el seguimiento de la web será mayor).
• Módulo twitter en el home para información breve sobre actualización de conte-
nidos o información rápida.
• Java, para gestionar galerías fotográficas (SlideShow) u otros componentes que
lo necesiten.
secciones
PESCASUB Y SUBMARINISMO — Pantallas multifuncion • Libros y DVDs NAUTICA
• Aletas — Pilotos Automáticos — Libros • Accesorios
— Aletas Fibra/Carbono — Radares — DVDs • Electrónica
— Aletas Termoplásticas — Radios VHF / Digitales • Linternas • Embarcaciones
— Accesorios — Sonda/GPS/Plotter — Linternas • Seguridad
• Bolsas y fundas — Sondas Pesca — Pilas y baterías
— Bolsas Equipo o Sondas Fijas — Accesorios
— Bolsas para aletas o Sondas portátiles • Mantenimiento
— Bolsas para fusiles — Telefonos vía satelite • Máscaras
— Fundas equipo — Transductores y accesorios • Obuses
— Mochilas y sacos • Entrenamiento y piscina • Ordenadores y relojes
— Redes y Fundas estancas • Escarpines — Ordenadores y Relojes
• Botellas • Flechas y puntas — Accesorios
Botellas accesorios — Flechas • Reguladores
• Boyas y Planchas — Puntas • Ropa y Regalos
• Cables y Remaches — Accesorios — Camisetas
• Chalecos Plomos • Foto y Vídeo — Gorras
• Chalecos y bermudas — Foto — Manga larga
• Cinturones — Ví­deo — Regalos
• Cuchillos — Accesorios y baterías — Varios
• Electrónica / Navegación • Fusiles - Accesorios • Trajes
— Balizas emergencia y avisado- • Fusiles - Carretes — Trajes de Apnea
res satelitarios • Fusiles - Gomas — Trajes de Camuflaje
— Antenas Radio VHF & GPS • Fusiles de pesca — Trajes de Chicle/Liso
— Camara Video reconocimiento — Fusiles de aluminio — Trajes Neopreno Negro
fondo — Fusiles de carbono — Piezas sueltas
— Cartografia Electrónica — Fusiles de madera • Tubos respiradores
— GPS/Plotter — Fusiles pneumáticos • Vehiculos Sub
o GPS/Plotter fijos • Guantes
o GPS/Plotter portátil • Herramientas
o GPS/Plotter - Accesorios • Jackets
— Instrumentos de Control • Lastres y Plomos