diseño web

Éxito en buscadores, por el servicio y profesionalidad

En el 2008 en Natcha celebramos los 50 años al servicio de nuestra fiel clientela y queríamos crear una WEB.

Nos pusimos en contacto con varias empresas y finalmente nos decidimos por EINNOVA. Rapidamente captaron y desarrollaron nuestra idea.

El resultado: un diseño elegante e innovador que gusta mucho a nuestros clientes y proveedores y que agradecen también por su utilidad. En pocos días hemos notado el trabajo de EINNOVA en el posicionamiento en GOOGLE.

Estamos muy contentos y satisfechos por el éxito del producto, por el servicio y también por la profesionalidad del Sr. Antoni Biada y su equipo. Ojalá todos los proveedores fueran tan serios.

Decidirnos por EINNOVA fue un pleno acierto.

Felicidades al equipo y muchas gracias por todo.

Marta Massagué – Victor Cuevas (www.natcha.cat)

WORDPRESS en tu diseño web – Parte 1

WordPress es un sistema de gestión de contenidos (CMS) enfocado a la creación de blogs. Desarrollado en PHP y MySQL, bajo licencia GPL, tiene como fundador a Matt Mullenweg. WordPress fue creado a partir del desaparecido b2/cafelog y se ha convertido junto a Movable Type en el CMS más popular de la blogosfera. Las causas de su enorme crecimiento son, entre otras, su licencia, su facilidad de uso y sus características para la gestión de los contenidos. También una de las causas, es su enorme comunidad de desarrolladores y diseñadores, que se encargan de crear extensiones (plugins) y plantillas (themes) para la comunidad.

1 PARTE PRIVADA

1.1 ACCEDER

Una vez registrados en wordpress.com, podemos acceder al panel de administración de nuestro blog de distintas formas:
1. Entrando desde la portada http://midominio.com/ o en http://midominio.com/wp-login.php
2. Directamente desde la dirección del panel de control http://midominio.com/wp-admin
3. Adicionalmente si estamos registrados en wordpress.com, podemos disponer de un subdominio de nuetro nombre de usuario http://usuario.wordpress.com

1.2 GESTIÓN

1.2.1 Página inicial

Ya estamos dentro de nuestro panel de WordPress. En la barra del medio tendremos la posibilidad de escribir un nuevo «Post» o una nueva «Página». Justo debajo nos muestra el estado de nuestra cuenta. Cuantas páginas tenemos y cuántos posts. También qué tema estamos usando tenemos la posibilidad de cambiarlo), los widgets que tenemos activados (también podemos gestionarlos haciendo click encima de «widgets»). Debajo nos muestra los últimos comentarios que tenemos en nuestra página.

1.2.2 Administrar

1.2.2.1 Entradas – Páginas – Enlaces

En éste apartado, gestionamos las entradas/páginas/enlaces de nuestro espacio. Podemos añadir, borrar o modificar entradas que hayamos hecho, páginas que tengamos, o enlaces que hayamos puesto en nuestra página.

1.2.2.2 Categorías

La categoría vendría a ser una clasificación en carpetas de nuestro ordenador. Nos da información superficial sobre qué nos vamos a encontrar dentro. Podemos poner una categoria de viajes, y dentro de la misma distintos posts que hablen de viajes.

1.2.2.3 Tags (Etiquetas)

Los Tags (etiquetas) son temas que dan una idea sobre lo que se ha hablado. Es algo mucho más específico que las
categorías. En el caso anterior, que teníamos una categoría de viajes, hemos puesto un post de un viaje a Londres. Dentro del post, podemos poner Tags como «viaje», «londres», «inglaterra».

2 PARTE PÚBLICA

2.1 COMENTARIOS

Necesitas la web dónde quieres ir (http://usuario.wordpress.com o http://midominio.com/). Una vez dentro de la web en cuestión, nos vamos al post que queramos comentar, y hacemos click encima del título del mismo. En éste momento entramos «dentro» del post, y podemos dejar comentarios al respecto. En el comentario podemos hacer uso de algunos tags de html (poner links, negrita, subrrallado, etc.).

2.2 OTROS DATOS

En una página cualquiera del wordpress, si estamos como visitantes. Podremos ver distintos apartados según si el administrador de la misma los tiene activados o no.

2.2.1 Archivos / Categorías / Tags

Podemos ver los distintos posts colgados mediante archivos, categorías o tags. Los archivos históricos normalmente irán por meses. Con un paréntesis al lado nos indican cuántos posts se han realizado éste mes. Si hacemos click, nos saldrán sólo los que hayan estado hechos en el mes que hayamos clickado. Las categorías es otra forma de buscar posts antiguos. Si buscamos algún posts de una categoría en concreto, sólo tendremos que buscarla en categorías y clickar sobre ella. Si queremos algo más concreto, buscaremos mediante los tags. Alguna palabra que defina algo de lo que se habló.

2.2.2 Feed

En caso de no querer entrar cada día en la web para ver si se ha actualizado, lo que haremos será hacer una suscripción. De esta forma nos podemos colocar en el mismo explorador un «detector de posts». Cuando éste detecte que se han introducido nuevos posts en la página en cuestión, éste dispositivo nos lo notificará y nos dará la opción de ir a la página a leerlo.

Usabilidad: Los usuarios en edad adulta van empeorando su rendimiento

Entre los 25 y 60 años de edad la habilidad de la gente para usar los sitios web empeora del orden de 0.8% por año. En mayor medida por que tardan más tiempo por página, pero también por la dificultad en comprender el diseño de la navegación.

  • Utilizan 0,5% de tiempo más por página y
  • Visitan un 0.3% de páginas más por tarea.

Esto es lo que se desprende de un estudio detallado de usabilidad de Jakob Nielsen.

Del diseño para navegadores al diseño para estándares con Internet Explorer 8 y Firefox 3

Con la introducción de la nueva generación de navegadores se ha cambiado el modelo de diseño para navegadores «cross-borwser» al modelo de diseño para estándares.

Los navegadores Internet Explorer 8 y Firefox 3 pasan el test acid2. Este test verifica el soporte a los estándares web de los navegadores.

En concreto esto certifica que no habrá más problemas en:
– PNG transaprentes
– Elementos embedidos mediante elemento object
– Posicionamiento absoluto, relavivo y fijo
– Modelo CSS: ‘height’, ‘width’, ‘max-width’, ‘min-width’, ‘max-height’ y ‘min-height’
– Tablas CSS
– Propiedad «margin»
– Generación de contenido sin modificar la maquetación
– Ignoración de instrucciones CSS ilegales
– Ordenación y solapamiento
– Altura en modelo «Inline box»
– Solapado de efectos :hover

El cambio de modelo facilita la el proceso creativo en la implantación de diseños web que sean reutilizables y fáciles de adaptar y modificar.

De momento Firefox 3 está en beta hasta principios de 2008 y Internet Explorer 8 aún están en beta 1.

Los diseñadores web tenemos en cuenta el proceso creativo

La incorporación de un proceso creativo en diseño web dentro de los proyectos en Internet es un factor clave para el logro de las metas de cualquier negocio sea del tamaño que sea.

Enfoque de los diseñadores web

Se deben definir los roles y responsabilidades para la consecución de los objetivos de cada proyecto:

  • Los directivos normalmente quieren la presentación de los beneficios de producto y facilitar su compra.
  • Los responsables de marketing normalmente quieren potenciar los mensajes de sus campañas y aumentar los ratios de conversión y ventas.
  • Los diseñadores normalmente quieren dar una imágen original y sorprendente.
  • Los responsables de proyecto finalmente deben decidir y guiar el proyecto gestionando los cambios y peticiones o posibles incidentes y riesgos.

Enfoque del proceso creativo

Las tareas para incorporar el proceso creativo en el diseño web que utiliza einnova són:

  • Definición del contenido para determinar los bloques requeridos
  • Orden, prioridad para estructurar el contenido en bloques
  • Diseño «caja-gris» para evaluación de la usabilidad

Beneficios del proceso creativo en el diseño web de einnova

Con este enfoque se consiguen los siguientes beneficios:

  • Se define el contenido requerido para la presentación de productos y su compra
  • Se define el proceso de creación de contenido y de comunicación de marketing
  • Se establece una base sólida para la posterior evolución del diseño «caja-gris» a un diseño más original y sorprendente.
  • Reduce el riesgo de petición de cambios y mínimiza el impacto ante incidentes.

Selecione el líder en Gestión de procesos de negocio

Gartner, líder mundial en investigación de tecnología de la información y en asesoramiento ha publicado recientemente el informe de suites de gestión de procesos de negocio (BPM) Magic Quadrant y BEA Systems está incluida en el cuadrante de líderes.

Solicite el servicio de consultoría tecnológica para la elaboración de un informe completo y descubra:

  • Qué tipo de procesos se solucionan mejor con un paquete BPM
  • La rapidez con la que ha cambiado el mercado de BPM en pocos años
  • Puntos fuertes y debilidades de 22 proveedores del mercado de BPM
  • Las 10 funciones principales que un comprador de BPM debería considerar

Rediseño de página web para iPhone

iPhone fue lanzado a mediados de año mediante la exclusividad con operadores en contados países. Con él, Apple ha mostrado muy claramente que puede marcar la diferencia y ha dado un toque de atención a los líderes del mercado (Nokia, RIM, Apple y Motorola) vendiendo más del 10$ de todos los móviles inteligentes comercializados el 2007 a nivel mundial (2,3 millones de unidades).

Este tipo de dispositivos convergentes experimentó un crecimiento del 60 por ciento en 2007, pero ya ahora iPhone ha superado a cualquier tipo de aparatos portátiles en nivel de accesos a internet siendo sólo el 2 por ciento de los teléfonos inteligentes de todo el mundo. Los teléfonos con sistema operativo Symbian constituyen el 63 por ciento del mercado de teléfonos inteligentes, frente al 11 de Windows Mobile y el 10 de BlackBerry.

El iPhone puso fin a la frustración de navegar en la Web con un móvil. Apple promete que el usuario de iPhone disfruta de una experiencia similar a la de navegar por Internet desde una PC. iPhone ha sido una revolución en parte gracias a su magnífica integración con los servicios de internet.

Einnova ha realizado proyectos con de adatapación de páginas a requerimientos de accesibilidad y de usabilidad tanto de dispositivos móviles cómo PC. Ahora google ha actualizado el interfaz que ofrece a los usuarios de iPhone unificando el diseño y aunando en una sola ventana la práctica totalidad de los servicios básicos que ofrece.

La adaptación a la usabilidad de dispositivos móviles inteligentes es una tendencia al alza en el rediseño y creación de páginas web. Al incremento de usuarios, cada vez más clientes solicitan webs accesibles desde dispositivos móviles y con una gran usabilidad.

Con este requerimiento es básico tener en cuenta que la resolución de un iPhone es de 320 de ancho por 480 de alto y que con una calidad de 160 ppi mide 3.5 pulgadas. Por este motivo la navegación y la usabilidad deben ser factores clave en los proyectos de rediseño y adaptación de una web.

Imágenes con el gestor web en 1gestor.com

Con nuestro usuario y contraseña de 1gestor.com y con las imágenes que queremos subir ya preparadas para la web, procedemos a la subida de imágenes a nuestra web.

Para preparar las imágenes para la web podemos utilizar GIMP u otro editor de imágenes de pago cómo Adobe Potoshop, Macromedia Fireworks, etc.

Se ha añadido el apartado de referencia cómo punto de partida para de forma visual encontrar los elementos nombrados en el procedimiento.

Subida de imágenes a nuestra web

  • Entrar en http://www.1gestor.com/ con nuestro usuario y contraseña apretando OK
  • Con el Navegador vamos hasta la página que queramos modificar.
  • Apretar el Botón Modificar para seleccionar la Zona por defecto o el Lápiz de Zona para seleccionar la zona que queramos modificar.
  • En la nueva Ventana de edición, indicamos con el ratónel lugar dónde introducir la imagen.
  • Apretar el Boton de Imágenes.
  • Se abre un Diálogo de edición de imágenes en el de debe apretar el botón Ver Servidor.
  • En la nueva Ventana de Mi web apretar Examinar y seleccionamos la imagen que queremos subir.
  • Apretar Almacenar y veremos el fichero de la imágen con el fondo fosforito.
  • Click en el nombre del fichero y apretar Aceptar
  • En el diálogo de edición apretar OK.

Referencia

Navegador
1gestor_navegador2.jpg

Botón Modificar
1gestor_modificar.jpg

Zona por defecto
Es la Zona de la página dónde se encuentra el texto y las imágenes que usted editar al apretar el botón Modificar. Esta zona se indica en la ventana del navegador.

Lápiz de Zona
1gestor_zona.jpg

Ventana de edición
1gestor_vedicion1.jpg

Boton de Imágenes
1gestor_imagen.jpg

Diálogo de edición de imágenes
1gestor_dimagenes.jpg
Ver Servidor
1gestor_verservidor.jpg

Ventana de Mi web
1gestor_vmiweb1.jpg
Almacenar
1gestor_almacenar.jpg

El fichero de la imagen con el fondo fosforito
1gestor_fondogratis.jpg
Click en el nombre del fichero
1gestor_imagenclick.jpg

Servicio Diseño Web

EINNOVA LE DISEÑA O REDISEÑA SU NUEVA WEB: IMAGEN Y NEGOCIO

En el mundo de Internet estamos todavía muy lejos de sacarle todo el provecho a esta herramienta que tiene un potencial incalculable. Las empresas más innovadoras ya han apostado por potenciar su imagen y sus ventas a través de Internet. La experiencia de éstas y los buenos resultados obtenidos han ido cautivando a los más escépticos y hoy en día nadie duda que las inversiones en marketing en Internet sean altamente rentables. Pero no todas las páginas web obtienen buenos resultados. ¿Por qué? Porque diseñar una web requiere unos conocimientos profundos no sólo de la empresa (contenidos) sino también del comportamiento del usuario (cliente o cliente potencial) que en máximo 1 minuto, según las estadísticas, decidirá si sigue en la web porque le parece interesante y está encontrando lo que busca o si se va a la competencia sin darnos más opciones.


¿CÓMO DISEÑA SU WEB EINNOVA?

Los 10 años de experiencia del equipo de Einnova elaborando webs para profesionales y pymes, nos ha demostrado que lo primero que debemos saber es de qué trata el negocio, a que público o empresas va dirigido, qué imágenes de marca (papelería, logos, colores corporativos…) existen. Para lo cual mantenemos varias reuniones y/o contactos via email o teléfono para aglutinar dicha información. Además, el cliente nos aportará el contenido y el material gráfico y desde Einnova le presentaremos las propuestas que mejor se adaptan a la empresa. Coordinación, flexibilidad y diálogo con nuestros clientes nos diferencian de nuestra competencia.

Einnova le diseña su web fácil, atractiva y dinámica para mantener a los clientes que ya tiene y para captar a muchos más a diario.

Si vd. Ya tiene web pero duda de su eficacia o quiere estar seguro de ella, Einnova le ofrece una auditoría de su web y presupuesto para rediseñarla en caso de que fuese aconsejable.

Más información

Si tienes dudas o quieres crear, diseñar o rediseñar la página web de tu empresa contacta con nosotros.

Comenta tus dudas y las resolvemos.