¿Cómo debo planificar el diseño y la estructura de un sitio web completo?

Buena pregunta. Me voy a centrar en el diseño gráfico / diseño de sitios web, y exploraré 2 clasificaciones de sitios web:

1. Diseño y estructura del sitio web de marketing

Si está intentando diseñar y estructurar un sitio web de marketing, le recomiendo:

Plantillas y temas para sitios web de ThemeForest

Los temas de themeforest están increíblemente bien diseñados, con una increíble estructura gráfica, de diseño e incluso de contenido de marketing. A menos que tenga un presupuesto de $ 20K +, no encontrará un sitio web mejor diseñado.

Como desarrollador, tendrás las habilidades para personalizarlo.

2. Diseño y estructura de aplicaciones web

Nuevamente, mi recomendación es aprovechar un estándar y convertirse en un experto en ese estándar. Es como cualquier otra cosa en la programación: puede escribir el mismo código 100 veces, o puede escribirlo una vez y reutilizarlo 100 veces.

En Firestitch, adoptamos Google Material Design como nuestro estándar:

Introducción – Diseño de materiales – Pautas de diseño de materiales

Además, aprovechamos su marco de componentes de material angular:

Material angular

Desde entonces, hemos creado una serie de nuestros propios estándares y componentes personalizados para ampliar la línea de base.

Para darle una idea del valor que esto aporta, tome un ejemplo arbitrario a continuación de las pestañas en una página móvil. Si es inteligente, probablemente podría diseñar una página como la página “Hacer” … pero es posible que no sepa por qué y puede perder algunos detalles. Por el contrario, alguien ya ha pensado en estas ideas de interfaz y ha encontrado la solución ideal. Ni siquiera necesita robarlo, porque eligieron proporcionarlo como un estándar de fuente abierta.

De: Pestañas – Componentes – Pautas de diseño de materiales

Tu nuevo sitio web es importante. Es potencialmente crítico para el negocio, podría ser el final de usted o el comienzo de sus mejores años en el negocio. Es por eso que debes tomarte un tiempo y planificarlo.

Comience por crear una lista de deseos

Hay muchos aspectos de esto, pero las dos prioridades clave en el primer paso para crear una lista de deseos deben girar en torno a lo que desea obtener del sitio web y, lo que es más importante, lo que sus clientes deben lograr fácilmente con él.

Lo que su sitio web debe hacer por usted:

  • Fácil de mantener y mantener actualizado.
  • Mantenga los costos continuos al mínimo
  • Los KPI (indicadores clave de rendimiento) pueden incluir el costo por ventas, generaciones de clientes potenciales, suscripciones a boletines informativos, mejores tasas de retención y lealtad mejorada de los visitantes. No olvides configurar formas de rastrear todo esto
  • Motor de búsqueda fácil de optimizar para Google, Bing y otros motores de búsqueda.
  • Formas simples de publicar contenido cruzado, por ejemplo, enviar a Twitter y Facebook, o extraer de la misma para evitar la carga de trabajo duplicada
  • Portabilidad, considere el uso de software de código abierto para que no quede encerrado en una sola compañía y pueda cambiar de proveedor si es necesario
  • Proporcionar un retorno de la inversión medible
  • Le permite agregar y editar contenido sin incurrir en costos adicionales

Lo que su sitio web debe hacer por sus clientes:

  • No los haga pensar, mantenga el contenido visible y fácil de encontrar.
  • No use palabras como “haga clic aquí” para enlaces, malo para SEO y malo para usabilidad. Si el enlace les permite descargar un PDF, use las palabras “descargar PDF” como texto del enlace
  • Asegúrese de que puedan encontrarlo en Google, agregue un listado de Google Local y asegúrese de enviar su mapa del sitio a las Herramientas para webmasters de Google
  • Haga que sea fácil para ellos encontrar lo que están buscando en el sitio web
  • Elimine pasos y palabras innecesarios, mantenga los formularios de contacto simples
  • Se puede acceder en múltiples dispositivos, como teléfonos móviles, iPads y computadoras de escritorio con un diseño receptivo
  • Agregue valor al proporcionar consejos gratuitos, cómo guiar y ofrecer boletines promocionales
  • Integre el intercambio social y permita comentarios en blogs
  • Actualizaciones frecuentes, como blogs o ventas, para mantenerlos interesados ​​y volver por más
  • Cargue rápidamente, esto se debe en parte a una buena codificación y en parte a un buen alojamiento web
  • Puede tomar la ayuda de cualquier profesional o empresa como Tranciscolabs.