Creo que puedo ayudarte en esto. En primer lugar, parece que eres un principiante en esto, por lo que podría no ser pan comido para ti. Sin embargo, lo mantendré lo más simple posible. Además, esta no será una respuesta estrictamente basada en el sitio web de comercio electrónico, pero adjuntaré algunas imágenes de un sitio web de comercio electrónico diseñado por mí recientemente. ( Entonces, eso equilibra la cosa en general )
Normalmente comienzo con muchas preguntas sobre el cliente / empresa, antes de comenzar el proyecto. Para mí, estas preguntas son la parte más crucial del proyecto, ya que decidirán el resultado al final. Las preguntas sobre los antecedentes de la empresa / producto, los competidores, la calidad general, las perspectivas futuras, la visión, el trabajo, la ubicación, los temas de color, el grupo de edad objetivo y otros detalles, son los más importantes. Los anoto correctamente, porque sé que serán necesarios durante todo el proceso de diseño.
Luego viene el proceso de investigación sobre el producto / empresa. Este paso es puramente dependiente del paso anterior ( cuestionario ). Si omite el primer paso, no hay segundo paso en absoluto. Para mí, la parte de investigación también incluye la búsqueda de trabajos inspiradores sobre ese producto, para que nunca me quede sin la poción creativa a mitad de camino. En este momento, trato de hacer una idea inicial para la sección de experiencia y parte visual. También me aseguro de que las ideas visuales que he desarrollado hasta ahora nunca coincidan con los competidores de la compañía, de ninguna manera. ( Investigación de la competencia )
Una vez que haya anotado todos sus detalles y haya recopilado todos los elementos relacionados, pasaré a la parte de backbone / UX ( User eXperience ) . Esta parte decidirá cómo interactuarán los usuarios con el producto, de la mejor manera posible. Este paso debe centrarse por completo en cómo los clientes / usuarios interactúan con el sitio web. Debería hacer que el sitio web / producto sea fácil y útil tanto como sea posible. Decida qué tipo de personas lo van a usar más. Si es para un grupo de edad avanzada, asegúrese de que sea sencillo y sin complicaciones. Si es para el grupo de adolescentes, también se pueden incluir detalles. ( Investigación del grupo de edad objetivo )
- ¿Cuál es la forma más económica de mantener mi sitio web de compras?
- ¿Cuánto cuesta desarrollar un sitio web de comercio electrónico C2C, si el negocio está en la etapa inicial o tiene pocos usuarios?
- ¿Quién es la mejor empresa de diseño y desarrollo de sitios web de comercio electrónico en la India?
- ¿Qué consejo me darías para desarrollar un gran sitio web de comercio electrónico?
- ¿Cuánto costará un servicio de diseño de sitios web de comercio electrónico?
Haga clic sobre la imagen a continuación para obtener una vista clara ( lo he ocultado para cargar la página rápidamente )
La parte de UX incluye la preparación de bocetos, diagramas de flujo y esquemas ( esqueletos, se puede decir ) de todo el sitio web. Crear wireframes es muy importante para que pueda evitar problemas futuros ( confíe en mí ). Siempre creo wireframes en papel, porque me siento más cómodo. También puede usar softwares para ello, hay muchos de ellos. Los wireframes se pueden mostrar al cliente para cualquier cambio en ellos. Una vez que todas estas cosas están listas, procedo al siguiente paso, que trata completamente las imágenes.
Haga clic sobre la imagen a continuación para obtener una vista clara ( lo he ocultado para cargar la página rápidamente )
Ahora que tengo todos mis detalles y tramas, estoy casi a la mitad del proyecto. Este paso llamado la parte de diseño Visual / UI ( Interfaz de usuario ) es donde decido todos los temas de color, estilos de diseño, iconos, tipografía, etc. Diseño las interfaces completamente en función de los marcos que creé anteriormente ( recuerde que los marcos son solo una idea de diseño aproximada pero básica ). Hay momentos en los que es posible que tenga que cambiar los wireframes mientras diseña la interfaz; Recomiendo pegarse a los wireframes a menos que sea muy necesario cambiar.
Personalmente, diseño conjuntos de páginas y los envío para su verificación al cliente. Este proceso aprovecha el tiempo y el esfuerzo de la mejor manera, ya que evita una acumulación de cambios hacia el final. Puedo hacer rectificar los errores en el primer conjunto y luego evitar esos errores en los siguientes conjuntos de diseño ( es más fácil a largo plazo ).
Además, para responder a su segunda pregunta, recomendaría la aplicación Adobe Photoshop / Sketch para diseños de sitios web, ya que son muy versátiles y se utilizan ampliamente en todas partes. (La aplicación Sketch está disponible solo para Mac OS ) Adobe Fireworks es obsoleto, francamente. Está muerto !
Entonces, después de completar toda la parte del diseño visual, decido sobre las interacciones / transiciones que deben llevarse a cabo en todo el sitio web. Estos pueden ser animaciones o bocetos que explican las ideas, lo que mejor se adapte. Es posible que el cliente también necesite ayuda con el soporte para desarrolladores , así que asegúrese de estar disponible con eso. Una vez que todo está hecho y finalizado, envío todos los archivos y activos al cliente ( fuentes, archivos vectoriales, imágenes de archivo, archivos fuente de diseño, etc. ) en carpetas separadas (a través de los servicios de la unidad de nube ).
El proceso completo puede ser largo o pequeño, según el contenido del proyecto y su investigación. Hay más pasos menores involucrados, que he omitido (la razón es obvia ), pero un diseñador los aprende a su debido tiempo. Hablando francamente, para un sitio web de comercio electrónico, el proceso puede llevar mucho tiempo debido al alto contenido involucrado . No necesita diseñar páginas para cada producto en el sitio web. Solo es suficiente una sola página de detalles del producto o una sola lista de búsqueda de productos. Porque el diseño se adaptará a múltiples tipos de productos en el backend. Asegúrese de planificar en consecuencia y tachar elementos repetitivos ( diseñarlos una vez, no varias veces ).
No existen reglas específicas para el diseño, solo chatee con su cliente y mantenga una buena conexión. Esto beneficiará a ambas personas a largo plazo. Discuta todos los detalles del producto en etapas / pasos adecuados, para evitar problemas durante la entrega de archivos / proceso de desarrollo.
Las imágenes adjuntas en la respuesta son parte de este hermoso proyecto que completé recientemente. Fue bastante detallado, incluyendo alrededor de 35-40 páginas / subpáginas y diseños de correo electrónico . Puede hacer clic en el enlace de arriba para ver los procesos más detallados involucrados .
Thanks for A2A !