Un cliente potencial acaba de pedirte que diseñes un sitio web, pero ¿por dónde empiezas? Hay un cierto proceso que puede seguir para garantizar que el proyecto se desarrolle sin problemas. Refleja el proceso de diseño gráfico estándar, con solo unos pocos pasos específicos del sitio web para incluir.
Como diseñador gráfico, puede optar por encargarse de todo el diseño, incluida la codificación. Sin embargo, es posible que también desee reunir un equipo para ayudarlo con los detalles. Un desarrollador web y un experto en SEO pueden ser adiciones valiosas a su proyecto.
Investigación
Al igual que con la mayoría de los proyectos de diseño, el primer paso para crear un sitio web es realizar una investigación. Parte de esta investigación se realizará con el cliente para comprender sus necesidades. También necesitarás aprender más sobre su industria y competidores.
Cuando se reúna con su cliente, necesita descubrir todo lo posible para ayudarlo a desarrollar un esquema para el sitio y, finalmente, diseñarlo. Esto incluye preguntar sobre su público objetivo, objetivos, dirección creativa y otras variables que pueden afectar lo que puede ofrecer al cliente, como el presupuesto y la fecha límite.
Su industria y su investigación de mercado sucederán simultáneamente. Para estar preparado para conocer a su cliente, debe tener una idea de su industria. Después de descubrir sus necesidades, querrá mirar un poco más profundo.
El nivel de investigación realizado dependerá del presupuesto del cliente y de su conocimiento actual de la industria. Puede ser tan simple como mirar para ver cómo se ven otros sitios web en el campo. Para proyectos más grandes, puede ser algo así como una investigación profunda con grupos focales.
Continuar leyendo a continuación
02 de 10Reunión creativa
Una vez que sepa de qué se trata el proyecto, es hora de recopilar ideas, y la lluvia de ideas es un buen lugar para comenzar. En lugar de buscar la idea perfecta para ser el primero, deseche todas y cada una de las ideas o conceptos para el sitio web. Siempre puedes reducirlo más tarde.
Algunos sitios web pueden requerir una interfaz web estándar, con navegación (una barra de botones) y áreas de contenido donde es más probable que los usuarios los esperen. Otros pueden requerir un concepto único para presentar el contenido.
Al final, el contenido impulsará el diseño. Por ejemplo, un sitio de noticias tendrá un enfoque muy diferente al de la cartera web de un fotógrafo.
Continuar leyendo a continuación
03 de 10Decidir sobre los requisitos técnicos
Al inicio del proceso de desarrollo de un sitio web, se deben tomar decisiones con respecto a los requisitos técnicos del proyecto. Tales decisiones afectarán el presupuesto, el marco de tiempo y, en algunos casos, la sensación general del sitio.
Una de las decisiones principales es cuál debe ser la estructura subyacente del sitio, que determinará qué software usar y qué sistema hace que el sitio "funcione".
Sus opciones incluyen:
- HTML básico: Un sitio HTML estándar en el que cada página se edita manualmente. Esto puede ser relativamente rápido de desarrollar pero deja poca flexibilidad y mucho mantenimiento continuo. También es importante recordar que los sitios HTML no son solo HTML y pueden incluir CSS, JavaScript y otros lenguajes de programación para funciones.
- Utilice un sistema de gestión de contenido: El uso de un CMS generalmente permite que un cliente realice actualizaciones regulares de contenido, mientras que el diseñador controla la apariencia general del sitio. Algunos sistemas pueden desarrollarse desde cero y otros pueden comprarse y adaptarse a las necesidades del cliente. Los sistemas en línea como Blogger y WordPress son gratuitos e incluyen también un CMS básico.
Escribe un esquema
Ahora que ha reunido la información necesaria y ha hecho una lluvia de ideas para algunas ideas, es una buena idea escribirlo todo en un papel.
Un resumen de un sitio web debe incluir una lista de cada sección que se incluirá en el sitio, con una descripción de qué tipo de contenido se mostrará en cada página. También debe describir con el mayor detalle posible las funciones del sitio, como cuentas de usuario, comentarios, funciones de redes sociales, videos o registro de boletines.
Además de ayudar a organizar el proyecto, se debe presentar al cliente el esquema de una propuesta de sitio web para que pueda aprobarlo antes de que el proyecto continúe. Esto les permitirá agregar, eliminar o ajustar cualquier sección o característica.
Todo esto, en última instancia, lo ayudará a desarrollar un presupuesto y un marco de tiempo para construir el sitio. Acordar un precio para un proyecto de sitio web basado en un esquema aprobado ayudará a evitar cargos adicionales o diferencias de opinión al final del proyecto.
Continuar leyendo a continuación
05 de 10Crear Wireframes
Los wireframes son simples dibujos lineales de diseños de sitios web que le permiten a usted (y al cliente) centrarse en la colocación de elementos en lugar de color y tipo.
Esto es extremadamente útil ya que determina qué contenido merece la mayor atención y el porcentaje de espacio utilizado en la página para esos elementos. Sin distraerse con otros elementos visuales, los esquemas aprobados brindan un marco para sus diseños.
Para algunos proyectos, puede considerar tener disponible una colección de wireframes para diferentes tipos de contenido. El contacto, acerca de, y otras páginas con mucho texto pueden tener un diseño diferente al de una galería o página de compras.
Es importante que mantenga un aspecto uniforme en todo el sitio web a medida que realiza la transición de un alámbrico al siguiente.
06 de 10Diseñar el sitio web
Una vez que usted y su cliente estén contentos con los wireframes, es hora de comenzar a diseñar el sitio.
Adobe Photoshop es la herramienta más común para crear los diseños iniciales. El enfoque del diseño del sitio debe ser presentar el contenido y se usará para crear las páginas web reales.
Por ahora, simplemente diseñe y juegue con los elementos básicos para crear algo para que su cliente lo vea y apruebe.
- Si bien los diseños llamativos y la animación tienen su lugar, no deben dominar lo que el usuario está buscando.
- La navegación consistente ayudará a sus visitantes a encontrar todas sus áreas de contenido principales.
- El uso limpio del tipo (en el caso de un sitio dirigido por texto) mantendrá a los visitantes leyendo y regresando por más.
- Antes de tener contenido real para el diseño de un sitio, el texto de Lorem Ipsum lo ayudará a llenar espacios sin distraer a su cliente.
Continuar leyendo a continuación
07 de 10Construir páginas web
Cuando se aprueba su diseño, las páginas deben pasar de maquetas a páginas web reales escritas en HTML y CSS.
Los diseñadores / desarrolladores con experiencia pueden optar por asumir toda la codificación, mientras que alguien centrado en el aspecto de diseño de la web puede trabajar en estrecha colaboración con un desarrollador para dar vida al sitio. Si ese es el caso, el desarrollador debe participar desde el principio.
Los desarrolladores ayudarán a garantizar que el diseño sea un diseño web realista y efectivo. También deben ser consultados acerca de cualquier característica que prometa al cliente, ya que algunas pueden no ser ejecutables o beneficiosas para el sitio.
Un software como Adobe Dreamweaver puede ayudar a un diseñador a convertir una maqueta en una página web que funcione, con funciones de arrastrar y soltar, funciones preconstruidas y botones para agregar enlaces e imágenes.
Hay muchas opciones de software disponibles para la construcción de sitios web. Elija uno con el que disfrute trabajar, solo asegúrese de que le permitan entrar realmente en los detalles y la codificación de las páginas.
08 de 10Desarrollar el sitio web
Una vez que su diseño se completa en HTML y CSS, debe integrarse con el sistema que ha elegido. Este es el punto donde se convierte en un sitio web en funcionamiento.
Esto puede significar desarrollar plantillas para ser leídas por un sistema de administración de contenido, alterar una plantilla de WordPress o usar Dreamweaver para crear enlaces entre páginas y funciones web más avanzadas. Este es nuevamente un paso que se puede dejar a otro miembro o miembros del equipo.
También deberá comprar un nombre de dominio de sitio web y tener un servicio de alojamiento en línea. Esto debería haber sido parte de sus conversaciones con el cliente y, en realidad, debe realizarse en las etapas iniciales del proceso. A veces puede tomar un tiempo para que los servicios se activen.
También es muy importante que usted o su desarrollador realicen pruebas exhaustivas del sitio web. No desea hacer la 'gran revelación' y tiene funciones que no funcionan bien.
Continuar leyendo a continuación
09 de 10Promover el sitio web
Con su sitio web en línea, es hora de promoverlo. Su asombroso diseño no sirve de nada si la gente no lo visita.
Conducir tráfico a un sitio puede incluir:
- Optimizándolo para los buscadores. Contrate a un experto en SEO si este no es un área de experiencia, ya que las mejores prácticas están cambiando continuamente.
- Enviando boletines para destacar nuevos contenidos. El diseño del boletín debe estar relacionado con el diseño del sitio web para mantener la mensajería de la marca coherente.
- Publicidad con anuncios de PPC en Google o con anuncios de banner en otros sitios.
- Métodos más convencionales, como la publicidad impresa y el boca a boca.
Mantenlo fresco
Una de las mejores maneras de hacer que las personas vuelvan a su sitio es mantener el contenido actualizado. Con todo el trabajo puesto en un sitio, no querrá que permanezca igual durante los meses posteriores al lanzamiento.
Continúe publicando nuevo contenido, fotos, videos o música … sea cual sea el sitio creado para presentar. Un blog es una excelente manera de mantener un sitio actualizado, con publicaciones de cualquier tema relacionado con su sitio,
Si su cliente manejará las actualizaciones de un sitio web de CMS, es posible que deba capacitarlo para que lo use. Realizar actualizaciones a un sitio web que ha diseñado es una buena manera de obtener ingresos regulares. Asegúrese de que usted y su cliente estén de acuerdo con la frecuencia y las tarifas de cualquier trabajo de actualización que realice.
