DISEÑO

26 junio 2019

Cómo hacer una web profesional

Un sitio web es una extensión de la empresa y hay que darle la misma importancia que a otras elecciones estratégicas fundamentales.

Escrito por: Carla Anaya

En nuestro día a día cada cliente y proyecto son un mundo, pero me he encontrado en diversas ocasiones con clientes que desconocen el proceso de creación de una web profesional y el cuidado que hay que ponerle para transmitir la imagen y los contenidos que le lleven a conseguir los objetivos de su empresa.

A estas alturas, todos tenemos claro que una web es necesaria para todo tipo de negocios e instituciones, y que su diseño y contenidos afectarán, de uno u otro modo, a la obtención de clientes. Un sitio web es una extensión de la empresa y hay que darle la misma importancia que a otras elecciones estratégicas fundamentales.

Por tanto, cuando se inicia un proyecto web nos tenemos que armar de paciencia e involucrarnos todo lo posible en cada una de las fases, contando con los mejores profesionales en contenidos, diseño y programación. En este artículo pretendo dar una visión general del desarrollo de un proyecto web profesional sobre WordPress.

 

Debemos tener claros los objetivos de la web

Existen diversos tipos de webs orientados a objetivos específicos, tales como un E-commerce, un microsite o una landing page(página de aterrizaje), por ejemplo. Por ello, antes de cualquier paso, debemos tener claro qué queremos conseguir con nuestra web para saber qué tipo de proyecto vamos a desarrollar:

  • Branding
  • Conversión (ventas, formularios…)
  • Posicionamiento SEO
  • Información o lugar de consulta
  • Suministrar un servicio

En función de ello, también podremos ir definiendo las funcionalidades principales, más allá de las imágenes y el texto: ¿necesitaremos mapas?, ¿formularios?, ¿buscadores?, ¿tablas?, ¿descargables?, ¿galerías?… ¿irá en un solo idioma?

No todas las páginas se hacen con el objetivo de posicionamiento en buscadores (SEO), pero es algo que debemos plantear desde la génesis del proyecto puesto que se tendrá que tener en cuenta al definir estructura, textos, incluir enlaces, subir imágenes, etc.

 

La elección del dominio

Es recomendable cuestionarse cuanto antes a qué dominio queremos que apunte nuestra web para comprobar que está libre, e incluso poder montar el servidor de prueba dentro del dominio para ahorrarnos pasos en el futuro.

¿Las palabras van juntas, con artículos, con guiones?, ¿incluimos las www?, ¿qué extensión será la más adecuada (.com, .es, .org, .edu, .solutions, etc.)?, ¿o reservamos varios y redireccionamos al principal?

También facilita las cosas comprar el dominio (url de nuestra web) en la misma empresa donde tengamos el hosting (o servidor físico donde se almacena), lo cual debemos controlar desde un principio. A día de hoy, el proveedor de hosting y dominios que mejor resultado nos está dando es Dinahosting. Hay que darle especial importancia a que las máquinas se encuentren en España y a la calidad del soporte técnico, valorando obviamente una buena oferta calidad-precio.

 

¿Cómo debe estructurarse la web?

Para construir una casa necesitamos primero unos planos y unos cimientos. Es lo que se llamaría Estructura web.

En función de los objetivos nombrados anteriormente y del contenido que se posee, se deberá decidir qué secciones tendrá el menú y qué elementos aparecerán en la home para poder tener unas bases sobre las que trabajar el diseño: elementos pre-scroll, textos de presentación, tips, últimas noticias, calls to action, formularios, vídeos, etc.

¿Y en el footer (área inferior común en todas las páginas)? Podemos necesitar la presencia de ciertos avisos legales, formularios, redes sociales, mapa web, etc.

Si somos de capaces de tener todos los textos de la web antes de pasar a la fase de diseño, podremos ajustar mejor todavía los visuales, aportar gráficos, y realizar una maquetación personalizada en función de lo que se dice, facilitando su lectura.

En caso de no tenerlos, al ser también un proceso largo y delicado, podemos ir avanzando en paralelo sobre los mimbres que hemos creado.

 

El diseño web, con las cosas claras

Con esto tendremos suficiente información para que el diseñador pueda crear el look & feel que necesitamos. Sin embargo, también podemos necesitar algunos imputs sobre lo que se quiere transmitir visualmente: ¿queremos una web moderna, con las últimas innovaciones en usabilidad?, ¿o somos una institución tradicional más asociada a un diseño limpio y claro?

Seguidamente, podremos tener más control sobre el resultado visual final buscando referencias de webs ajenas que nos hayan gustado por su estética o por el uso de efectos (como el parallax, el one page o las imágenes full screen).

Cada año hay ciertas tendencias web a las que hay que estar atento para denotar modernidad e incorporar los últimos adelantos, siempre pensando en la mejora de la experiencia de usuario. Una tendencia que ya se está convirtiendo en norma es el “mobile first”, o diseñar la versión móvil como base para el resto de dispositivos, ya que el 80 % de las visitas web se reciben por este medio.

Entramos en la fase de desarrollo web

Una labor fundamental para que un proyecto web llegue a buen puerto es poder plasmar todas las decisiones tomadas en diseño, pero con un código limpio, funcional y optimizado para SEO (a esto afecta la velocidad del tiempo de carga, la estructura de urls o la corrección de los metadatos, entre otras cosas).

Por suerte, un proyecto WordPress requiere un desarrollo menos complejo que otras plataformas o lenguajes, e incluso nos puede facilitar la maquetación y actualización de contenidos (actualmente el mejor maquetador es Visual Composer), la optimización del responsive y muchas funcionalidades mediante plugins.

Los plugins de WordPress son fragmentos de código ya programado que instalan en nuestra web estándares de protocolos de seguridad, chats, formularios, cookies, aceleradores de velocidad y muchas funcionalidades más gracias a los más de 2.500 que existen a día de hoy. Cuantas más posibilidades conozcamos, mejor podremos satisfacer las necesidades de nuestra web, aunque siempre son personalizables vía CSS.

Buscando la perfección

La fase en la que realmente podremos demostrar nuestra profesionalidad es la revisión final de textos, diseño y programación. Lo más normal es que tras este análisis aparezcan cientos de modificaciones, que se deben llevar con paciencia, esmero y atención al detalle.

También suelen ser efectivas las pruebas de usuario, dejando que personas completamente ajenas al proyecto naveguen para que nos muestren debilidades y errores que nunca seremos capaces de ver a pesar de tenerlas sobre nuestros ojos.

La revisión debe realizarse sobre todos los dispositivos, especialmente el móvil, tanto Android como Iphone, ya que cada plataforma responde de forma diferente a la programación realizada. Parece un proceso arduo y metódico (y lo es), pero es lo que no asegurará que nuestra marca no defrauda a sus usuarios en lo que puede ser su principal escaparate.

Además, personalmente, la creación de una web me parece un proyecto emocionante, resultado del trabajo de un equipo especializado que combina ciencias tan diferentes como la escritura, la estética visual o el lenguaje informático. Este post sólo pretende ser una panorámica de todo lo que implica y se han quedado en el tintero miles de cuestiones más. Si queréis ampliar, ya sabéis dónde estamos 😊

Carla Anaya

SOBRE EL AUTOR

Carla Anaya

Digital Strategist

Proveniente del audiovisual, el online ha sido su destino natural desde hace más de 5 años.

También podría interesarte…

44 Comments

  1. I’ve been surfing on-line greater than three hours as of late, yet I by no means found any
    interesting article like yours. It’s beautiful worth enough for me.
    In my view, if all site owners and bloggers made good content as you did, the internet shall be a lot more helpful than ever before.

  2. We absolutely love your blog and find nearly all of
    your post’s to be what precisely I’m looking for. can you offer guest writers to write content to suit your needs?

    I wouldn’t mind publishing a post or elaborating on most of the subjects you write about here.

    Again, awesome web site!

  3. Hello just wanted to give you a quick heads up. The text in your post seem to be running off the screen in Chrome.
    I’m not sure if this is a format issue or something to do with internet browser compatibility but I figured I’d post to
    let you know. The design and style look great though! Hope you
    get the issue solved soon. Thanks

  4. I have read so many articles on the topic of the blogger lovers but this article is truly a fastidious piece
    of writing, keep it up. ps4 games allenferguson ps4 games

  5. This piece of writing will help the internet viewers for setting up new web site or even a weblog from start to
    end. ps4 games 185413490784 ps4 games

  6. This is the right site for everyone who wants to find out about this topic.
    You know so much its almost tough to argue with you (not that I personally
    will need to…HaHa). You definitely put a new
    spin on a subject that’s been discussed for a long time.
    Excellent stuff, just great!

  7. I’m impressed, I must say. Seldom do I come across a blog that’s equally educative and interesting,
    and without a doubt, you have hit the nail on the
    head. The issue is something which not enough folks are speaking intelligently
    about. I am very happy that I found this during my search for something relating to this.

  8. wonderful post, very informative. I wonder why the opposite specialists of this
    sector do not realize this. You should proceed your writing.
    I am sure, you have a huge readers’ base already!

  9. When I originally commented I clicked the “Notify me when new comments are added” checkbox and now each time
    a comment is added I get several emails with the same comment.

    Is there any way you can remove me from that service?
    Thanks!

  10. Thank you for the good writeup. It in fact was a amusement account it.

    Look advanced to more added agreeable from you! By the way,
    how can we communicate? asmr 0mniartist

  11. Good day I am so thrilled I found your site, I really found you
    by error, while I was looking on Google for something else, Nonetheless
    I am here now and would just like to say thank you for a fantastic post and
    a all round exciting blog (I also love the theme/design),
    I don’t have time to read it all at the moment but I
    have book-marked it and also added your RSS feeds, so when I have
    time I will be back to read a great deal more, Please
    do keep up the excellent jo.

  12. Pretty section of content. I just stumbled upon your web site and in accession capital to assert that I get
    in fact enjoyed account your blog posts. Any way I’ll be subscribing to your feeds
    and even I achievement you access consistently rapidly.

  13. It’s the best time to make some plans for the future and it’s time to be
    happy. I have read this post and if I could I want to suggest
    you some interesting things or tips. Maybe you can write next articles referring to this article.

    I wish to read more things about it!

  14. I love your blog.. very nice colors & theme. Did you create this website yourself or did you hire someone
    to do it for you? Plz respond as I’m looking to design my own blog and would
    like to find out where u got this from. thanks

  15. Wow, wonderful blog layout! How long have you been blogging for?

    you made blogging look easy. The overall look of your web site is fantastic, let alone the content!

  16. scoliosis
    When someone writes an piece of writing he/she retains the thought of a user in his/her mind that how
    a user can know it. Therefore that’s why this paragraph is amazing.
    Thanks! scoliosis

  17. scoliosis
    This article is actually a fastidious one it helps new web viewers, who
    are wishing for blogging. scoliosis

  18. scoliosis
    Hey there! This is kind of off topic but I need some guidance from an established blog.
    Is it very hard to set up your own blog? I’m not very
    techincal but I can figure things out pretty quick.

    I’m thinking about setting up my own but I’m not sure where to begin.
    Do you have any ideas or suggestions? Cheers scoliosis

  19. dating sites
    I was wondering if you ever thought of changing the
    page layout of your site? Its very well written; I love what youve got to say.
    But maybe you could a little more in the way
    of content so people could connect with it better.
    Youve got an awful lot of text for only having one or two
    pictures. Maybe you could space it out better?
    free dating sites

  20. Hey there! I know this is kinda off topic but I was wondering if you knew
    where I could find a captcha plugin for my comment form?
    I’m using the same blog platform as yours and I’m having trouble finding one?
    Thanks a lot!

  21. Today, I went to the beach front with my kids. I found a sea shell
    and gave it to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.” She put the shell
    to her ear and screamed. There was a hermit crab
    inside and it pinched her ear. She never wants to go back!
    LoL I know this is totally off topic but I had to tell someone!

  22. Wonderful items from you, man. I have bear in mind your stuff previous to and you are
    simply too fantastic. I really like what you’ve obtained right here, really like
    what you are saying and the best way during which you say it.
    You make it enjoyable and you still care for to stay it
    wise. I cant wait to read much more from you. That is actually a wonderful
    site.

  23. Heya great blog! Does running a blog such as this take a
    large amount of work? I have absolutely no expertise in coding
    however I had been hoping to start my own blog soon.
    Anyhow, should you have any suggestions or tips for new blog owners
    please share. I understand this is off topic but I simply needed to
    ask. Thanks a lot!

  24. My spouse and I stumbled over here different web address and thought I may as
    well check things out. I like what I see so now
    i am following you. Look forward to going over your web page again.

  25. Hello, i believe that i noticed you visited my weblog so i came to return the desire?.I am
    trying to to find issues to enhance my site!I assume
    its good enough to use a few of your ideas!!

  26. The other day, while I was at work, my cousin stole my apple ipad and tested
    to see if it can survive a 40 foot drop, just so she can be a youtube sensation. My
    apple ipad is now destroyed and she has 83 views. I know this is entirely
    off topic but I had to share it with someone!

  27. Howdy just wanted to give you a brief heads up and let you know a few of the images aren’t loading properly.
    I’m not sure why but I think its a linking issue.
    I’ve tried it in two different internet browsers and both show the same outcome.

  28. I’m truly enjoying the design and layout of your
    site. It’s a very easy on the eyes which makes it much more enjoyable for me to come here and visit more often. Did you hire out a developer to create
    your theme? Outstanding work!

  29. Hey there! Do you know if they make any plugins to help with SEO?
    I’m trying to get my blog to rank for some targeted
    keywords but I’m not seeing very good results. If you know
    of any please share. Thank you!

Leave a Reply

Your email address will not be published.

Post comment