Entre mis muchos vicios, esta el de trabajar como diseñadora web freelance en Eibar y como muchos tantos otros se que tanto el diseño web como el desarrollo web son un mundo de constantes actualizaciones. Una vez que metemos el hociquito... o nos mantenemos en la cresta de la ola o mejor dedicarnos a montar maquetas. ¿A que viene tantos lenguajes, siglas y demás? ¿No podemos quedarnos con una sola forma de desarrollar sitios web? Pues nop, aquí hay tanta variedad como tipos de cafe tiene el Starbucks. Como en todo, en el mundo de la tecnología, cada actualización pretende una mejora como en el caso de las Responsive Web, una estandarización como pasó con Html5 y Css3 una relación más estrecha con el usuario, es el caso de las PWA, Aplicaciones Web Progresivas. A eso hay que sumarle que depediendo de que tipo de sitio web queremos desarrollar, personalmente como diseñadora web freelance prefiero optar por un sitio desarrollado de forma personalizada, es decir desde 0, picando código con nuestras manitas (por supuesto cuanto mejor si manejamos lenguajes de programación como PHP, JavaScript, jQuery...), o mediante algún tipo de CMS como Joomla, Drupal, Prestashop y Magento entre otros. Pero, ¿Cómo saber qué tipo CMS necesitamos para nuestro sitio web?, o si necesitamos un sitio web personalizado y optimizado a nuestras necesidades Como desarrolladora, diseñadora y consultora SEO que soy (no lo digo para sacar pecho, más bien porque el serlo, condiciona mucho mi decisión a la hora de desarrollar un proyecto web), voy a explicar lo que la experiencia como diseñadora web freelance me ha enseñado, elecciones para cada caso y motivos. Por supuesto que cada cual tiene sus preferencias, y menos mal! Sino perdería todo el encanto.
Vamos entonces con la rueda de preguntas que nos ayudarán a acotar las posibilidades:
>> ¿Qué tipo de diseño web necesito para desarrollar mi proyecto?
Bien pues depende cuan serio sea ese proyecto que queremos "internetizar". ¿Es un blog que hacemos por pasar el tiempo? Mucho tiempo hay que tener para montarse un blog y no tomarselo en serio, pero, haberlos hay-los. Si que creo que algún día tendré mi blog pero de momento aún siendo web freelance no he encontrado el momento.
Bien, si este fuera el caso, pues... un WordPress con todos los pluggins que nos resulten graciosos nos valdría pa hechar la tarde. ¡Ojo! Solo para hechar la tarde, si la cosa se pone seria, personalmente me decantaría por un Joomla o un Drupal. Quiero aclarar que no tengo nada personal contra WordPress, bueno en realidad si jjjj. Entiendo que para alguien que quiere empezar a dar los primeros pasitos por internet sin tener idea de programación ni quiera contratar un freelance para diseñar su web entiendo que se decante por este CMS. Es el mismo motivo por el que entiendo que alguien se recorra la península en un cuatro-latillas en lugar de en la California, pues no hay color, pero lo entiendo jjjj.
Siguiendo con el simil, con el cuatro-latas corremos el riesgo de quedarnos tirados. En tal caso, siempre podríamos ir al taller, desarrollador web freelance en este caso, a repararlo para seguir hasta la próxima abería. Pues lo mismo con WorPress, por poder se puede. Pero para viajar seguros y disfrutando del camino mejor hacerlo con tranquilidad.
Ya hemos pegado un repaso por encima a los CMS. Pero ¿Qué pasa si lo que queremos es llegar a nuestro destino lo más rápido posible? En estos caso nada como el avión. ¿Más caro? Si. ¿Más efectivo, seguro y relajado? también. Esa es la diferencia entre elegir un CMS de andar por casa, uno más serio y mejor preparado y una web personalizada creada por un diseñador web freelance.
En el caso de querer crear un sitio web más serio, como es el caso de sitios web de empresas por ejemplo, yo ya aquí claramente, pero sin duda me decanto por el diseño web personalizado freelance. ¿Por qué? Por varios motivos:
>> ¿Que es el Responsive Design y por qué lo necesito?
Responsive web o web adaptable:
Es nada más y nada menos que la posiblilidad de visualizar correctamente un sitio web respetando la experiencia del usuario en cualquier dispositivo, navegador y tamaño de pantalla . El Responsive Design nos permite hacer una web que se visualice correctamente en cualquier resolución Actualmente, una de las tecnologias que utilizo como diseñadora web freelance es la combinación de Bootstrap 4 y flexbox.
Sabemos desde hace tiempo que Google siente predilección por aquellos sitios web adaptativos a cualquier dispositivo, por la experiencia del usuario. Este tipo de sitios webs están pensados para que cada página se muestre en base al dispositivo. ¿Pero por qué este afán por la optimización basada en los dispositivos? Por el incremento de busquedas realizadas por móvil crea la necesidad de sitis web optimizados. Hoy en día la mayor parte de las búsquedas las hacemos vía móvil, porque lo llevamos encima y es rápido, no debemos esperar a encender, que arranque... Por eso mismo, Google empezó a ver esa necesidad del Mobile First que consiste en diseñar primero para móviles que después se adaptarán a otros tamaños de pantallas tipo tablet, desktop, TV...
Mobile First con AMP:
Google que es muy cuco, lazó su propia interpretación del Mobile First mediante webs desarrolladas en AMP (Acelerated Mobile Pages), un lenguaje de código completamente orientado a dispositivos móviles. Creado por y para móvil tal y como nos muestra en su web dedicada a este proyecto. Para mi gusto, tiene sus pros y sus contras. Pros, es la palabra de dios, digo de Google, asi que, sabemos que se pirra por estas webs. Bromas a medias a parte, si que lo veo útil por ejemplo en sitios web de noticias o blogs. En esos caso, me parece un código muy práctico y limpio. Contras, pues personalmente no lo usaria en sitios web corporativos por ejemplo, por el mismo motivo que no usaría un CMS, porque carecen de identidad.
Aplicaciones Web Progresivas ¿Qué son las PWA?: De nuevo Google es patrocinador de este revuelo entorno a este tipo de "aplicaciones".Nadie como el propio Google para responder a esta pregunta donde en esencia nos explica que con las PWA lo que conseguimos son una especie de web de escritorio que nos permite utilizarla como cualquier aplicación nativa de nuestro movil sin importar la calidad de conexión que tengamos. De momento sólo son compatibles con Chrome y Firefox, así que habrá que esperar a que se estandarice un poco pero lo veo muy útil sobre todo para sitios tipo e-commerce. Algo muy interesante de este tipo de web-app es que siguen funcionando aun estando sin conexión, en modo offline.
Haciendo un breve resumen, creo que todo sitio web debería estar pensado, diseñado y desarrollado por y para el objetivo para el cual se crea, o al menos esa es mi forma de trabajar como diseñadora web freelance. No podemos expresar nuestra identidad con la ropa de otra persona, o la voz de otra persona, imposible. Lo vemos cada día, al ir al supermercado por ejemplo, ese momento en el que nos acercamos a la zona Groumet, que sin ver letrero, como que se palpa en el ambiente que tiene algo... especial. Ese diseño cuidado de los embases, esa forma de presentarnos el producto... tiene algo que nos llama y nos "habla" se intuye un nivel de calidad cuanto menos superior al resto. Lo mismo ocurre con un buen diseño web. Pero el diseño no lo es todo no nos engañemos. Por muy bonito que sea el emboltorio... donde no hay mata, no hay patata. Por eso mismo, para que podamos recoger la cosecha tenemos los 7 puntos que considero indispensables.
>> Los 5 Imprescindibles de un Sitio Web
Aclarar primero que estos son mis mandamientos, cada maestrillo su librillo, es solo una forma de trabajar nada más. Siendo mi perfil el de una diseñadora gráfica, diseñadora web freelance y consultora SEO, los sitios web que desarrollo, son lo más completas que se me permitan. Y, sin más ni más, vamos con los Top 5 :
El objetivo con esta web de venta online, o eCommerce, es prestar un servicio de venta de piezas y recambios para los apasionados del karting. La tienda online sigue creciendo con e aumento de productos y se ve respaldada con un plan de marketing en RRSS, principalmente Facebook, Instagram y Youtube, dónde además de publicar los productos de la web, vinculados mediante el pixel de facebook, el aumento de la comunidad empieza a crecer gracias a los videotutoriales y demás estrategias de marketing que se están llevando a cabo para llegar al mayor público interesado.
El objetivo con esta web corporativa no es otra que la de mostrar tanto el entorno que rodea la sidrería-asador de Loiu como los platos, menús y servicios que se ofrecen en el asador y sidrería Loiu. Las fotografías también se realizaron para poder reflejar la gastronomía que la Sidrería Loiu ofrece a sus clientes
Diseño, posicionamiento web, creación de contenido, ilustraciones e infografías para el blog sobre estilo de vida Belladonna has a secret
Una web creada para una empresa de artes gráficas. Trabajo de posicionamiento y diseño atractivo de la web, creada con bootstrap 4 y flexfox para un mayor dinamismo del sitio web.
El objetivo con esta web es resaltar las imágenes de los diferentes proyectos que el Estudio 1964 lleva a cabo tanto en locales comerciales como en viviendas. Un diseño limpio y sencillo donde el protagonismo recae completamente sobre la amplia galeria de imágenes.
Una web creada para una empresa de decoración de interiores. Sobre todo se trataba de mostrar las imágenes de diferentes hambientes decorados por la empresa Decora. Una web sencilla que pretende con su diseño resaltar el trabajo de la empresa.
Esta web, construida de manera horizontal, cambia por completo la estructura habitual de los sitios web. Esta decisón se tomó en base a la necesidad de la empresa por desmarcarse de la competencia con ese "toque" de originalidad.
Tratándose de un gimnasio, requería un diseño dinámico y muy atractivo que animara a los usuarios a la acción. Para ello se creo un diseño muy visual y claro, con toda la información que los clientes necesitaban a la vista.
La web creada para el centro de masajes es una web con un diseño completamente personalizado. Con este diseño se pretendía dar una imagen relajada, sencilla, y acojedora, valores que la empresa quería transmitir a sus clientes.
Esta web de la empresa Pisos Perfectos esta diseñada para mostrar la ámplia variedad de baldosas con distintos acabados. Una web sencilla que sirve a modo de catálogo de productos.
El diseño de este sitio web estaba enfocado a promocionar y dar visibilidad al grupo musical Adunia de Eibar, con páginas dedicadas tanto al programa de conciertos, como a sus videos y galería de fotos. También se diseño una página dedicada a promocionar la publicación de su primer disco, con un reproductor de música.
Este sitio web fue diseñado para un bar-restaurante de Eibar, Oishi. El diseño personalizado se creo en base a las necesidades particulares del local, de manera que en la página principal se pudiera ver el menú de cada día y un acceso desde la home a la página donde se trata la materia prima que utilizan para elaborar sus platos.
Landing page diseñada para un e-commerce especializado en la venta de artículos de repostería de cupcakes. Esta Landing page, o página de aterrizaje fue creada para una promoción específica.
Antes de nada me gustaría explicar la diferencia entre Diseño Web y Programación web. El diseño web es aquella parte que se preocupa por la apariencia o front-office del sitio web, prestando mayor atención a temas como la maquetación de la página web, los colores, la navegación... digamos que es una faceta que tiene más que ver con los conocimientos del diseño gráfico. Como diseñadora gráfica, es algo que tengo muy presente en cada uno de los proyectos de diseños web que realizo como freelance, ya que busco el buen equilibrio entre funcionalidad y estética.
Para mis bocetos utilizo sobre todo Illustrator, ya que me permite simular el entorno de columnas en el que se basa el framework Bootstrap. De esta manera, puedo mostrar un previo no muy lejos de la realidad de lo que sería el diseño web personalizado al cliente y trabajarlo sin problemas.
Tras la aprobación, del Diseño Web, empieza la Programación o Desarrollo Web. Es aquí donde comienzo a maquetar y dar "vida" al diseño. Para desarrollar los proyectos web, utilizo Bootstrap 4 y Flexbox ya que con ellas puedo construir sitios web responsiveaplicando la política Mobile First consiguiendo diseños webs adaptables capaces de ajustarse a cualquier dispositivo. Por supuesto se requiere un buen conocimiento en Html5 y Css3 para poder desarrollar págians web.
Por otro lado, como desarrolladora web, tengo conocimientos de JavaScript PHPy jQuery que me permiten aportar funcionalidades extras a los sitios web que programo, tales como el registro de usuarios, gestión de contenidos, comercio electrónico y las aplicaciones de bases de datos que permitan a los usuarios interactuar con el sitio web