“En casa del herrero, cuchillo de palo”, dicen. También nos pasa. Aunque trabajamos duro en los proyectos de desarrollo y optimización de sitios web para nuestros clientes, a menudo es nuestro propio sitio el que recibe poco cariño. Hace poco, decidimos desafiar el refrán y cambiar nuestra web corporativa.
Los proyectos internos son siempre un reto: ¿Quién hará qué? ¿Cómo encontrar el tiempo necesario?
A lo largo de este reto, descubrimos varias herramientas y recursos de desarrollo web que hicieron que nuestra labor fuera más llevadera. Y más importante, nos ahorraron tiempo. Así que hemos querido compartir lo que hemos aprendido.
Herramientas web útiles para las fases de recopilación de datos, planificación y diseño
awwwards.com: En sentido más estricto, Awwwards no es una herramienta de desarrollo web sino un escaparate de los sitios web mejor diseñados de Internet. Nos ha resultado muy útil para hacer una lluvia de ideas, para saber qué nos gusta y qué no y para descubrir diseños inspiradores.
miro.com: Esta herramienta web nos ha ayudado a organizar el sitemap inicial. Miro es un entorno de pizarra colaborativa, ideal para un equipo como el nuestro que ha trabajado en remoto desde siempre. Miro ha simplificado el proceso de acordar qué información se debe incluir en el nuevo sitio, cuáles son esas páginas y cómo se relacionan entre sí.
figma.com: Pero ¿cómo vivíamos antes de Figma? Figma es un editor gráfico vectorial online y una herramienta para la creación de prototipos. Resulta súper fácil crear wireframes y trabajar en el diseño de la interfaz de usuario con Figma, ya que simplifica el proceso y te permite previsualizar todo antes de empezar a escribir código.
Herramientas web útiles para la redacción y el montaje de contenidos
Antes de empezar, ya sabíamos cuáles eran nuestros principales servicios empresariales y qué queríamos decir, pero la optimización de los contenidos en si siempre es un paso clave para lograr un buen posicionamiento en los motores de búsqueda. Estas herramientas web nos han facilitado la presentación de contenidos para que respondieran mejor a las búsquedas reales del usuario.
SemRush: Un clásico entre las herramientas SEO, SemRush ofrece un conjunto de funcionalidades cada vez mayor, pero para el desarrollo de contenidos son especialmente útiles las herramientas de keyword magic, keyword gap y keyword ranking.
Google Entity Extraction: La API de extracción de entidades de Google permite identificar los temas asociados a una búsqueda dentro del texto. El procesamiento del lenguaje natural y el aprendizaje automático son la base de la búsqueda semántica: gracias a ello, los resultados en las SERP se adaptan cada vez más a la intención de búsqueda del usuario.
Herramientas web que agilizan la codificación, revisión y lanzamiento
Estas herramientas de desarrollo web nos ahorraron tiempo y dolores de cabeza en las fases finales del proyecto web.
WordPress.com: Por algo se llama el editor de sitios web más popular del mundo. WordPress es fácil de usar, tiene un sinfin de plugins, es un CMS potente y es flexible. No hay más que decir.
Bitbucket.org: Bitbucket es una plataforma de gestión de código basada en Git. Ofrece un lugar centralizado donde tu equipo puede colaborar en su código fuente, gestionar repositorios Git y controlar los flujos de trabajo. Estar organizado nunca fue tan fácil.
Si tienes un proyecto de desarrollo web que quieres poner en marcha, o es hora de renovar tu sito web actual, ponte en contacto con All Around.
Creative Developer
Cristina es nuestra Desarrolladora Creativa en All Around, donde trabaja en la programación de sitios web interactivos y el diseño de páginas efectivas y estéticas para nuestros clientes. Tiene un amplio conocimiento en marketing digital y el diseño en medios publicitarios, el desarrollo de aplicaciones, la innovación de herramientas web y la fotografía.
