Es normal que al empezar no tengamos un proceso claro. Sin este, el cliente nos llevara por caminos interminables en busqueda de algo que ni siquiera conoce.<\/p>\n
El proceso web nos permite guiar al cliente con confianza, saber hacia donde nos dirigimos y que desafios encontraremos en cada etapa.<\/strong><\/p>\n Tener un proceso nos ayuda a:<\/p>\n Puede verlo as\u00ed. Eres tu propio empleado, y cada hora te esta costando dinero.<\/strong>[\/vc_column_text][image_with_animation image_url=”304″ image_size=”full” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”center” border_radius=”10px” box_shadow=”none” image_loading=”lazy-load” max_width=”75%” max_width_mobile=”default”][vc_column_text el_class=”copy-p”]\n Image by vwalakte<\/a> on Freepik<\/em><\/p>\n[\/vc_column_text][vc_column_text]\n Para empezar podemos coordinar una reuni\u00f3n, fisica o por videollamada, para conocer el proyecto y al cliente. Con este tiempo vamos a buscar obtener toda la informaci\u00f3n que podamos del proyecto y de nuestro cliente. Debemos escuchar m\u00e1s que hablar.<\/p>\n Algunas preguntas que nos serviran son:<\/p>\n Para esto es fundamental tener un formulario de dise\u00f1o web<\/strong> que podamos usar como gu\u00eda a traves de la reuni\u00f3n. En el formulario web debemos agregar toda la informaci\u00f3n que necesitemos recopilar para realizar la web usando las preguntas de arriba.<\/p>\n En esta etapa es donde analizo toda la informaci\u00f3n y realizo la propuesta a traves de un pdf que contiene el plazo, el proyecto y el precio.<\/strong><\/p>\n Puedes buscar ejemplos de propuestas de dise\u00f1o web en internet. Encuentra una que especifique en cuanto tiempo se realizar\u00e1 el proyecto, las etapas, y el precio. Pronto dise\u00f1are alguna que sirva para usar de ejemplo.<\/p>\n Solo pasaremos al siguiente paso si el cliente acepta y realiza el primer pago.<\/strong>[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” bg_color=”#0052bf” scene_position=”center” top_padding=”80px” constrain_group_1=”yes” bottom_padding=”80px” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none” gradient_type=”default” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text el_class=”white-text”]\n Lo minimo posible.<\/strong><\/p>\n Gastar mucho tiempo investigando y dise\u00f1ando antes de cobrar el deposito es un error com\u00fan al comenzar en este trabajo. He llegado a hacer todo un mock up del sitio sin tener aceptado el proyecto. Error. Lo mejor es no pasar m\u00e1s de 30 minutos \/ 1 hora, analizando el proyecto y haciendo la propuesta.<\/strong><\/p>\n A mi personalmente me funcionaba muchisimo hacer la reuni\u00f3n. Pasaba un tiempo conociendo el cliente y el proyecto y le mostraba mis trabajos. Esto me llevaba 30 minutos aproximadamente pero tenia una efectividad altisima y casi siempre se concretaba el proyecto.<\/strong><\/p>\n Nos contacta una Peluquer\u00eda. Realizamos la reuni\u00f3n y llego a mi oficina a dise\u00f1ar la propuesta.<\/p>\n A esta altura me meto de lleno en la estrategia, ya cobramos el deposito y debemos ponernos a trabajar para llegar al objetivo con el mejor resultado en el tiempo establecido.<\/strong><\/p>\n Analicemos webs de la competencia, webs del mismo nicho en otros pa\u00edses, busquemos los referentes del sector. Con esto vamos a saber r\u00e1pidamente que funciona y que no.<\/p>\n Luego de analizar la competencia, referencias del cliente y otros sitios armamos el Sitemap<\/strong>. Esto es b\u00e1sicamente la estructura del sitio. <\/strong>Por ej: para una peluqueria el sitemap podria ser, Home, Equipo, Servicios, Galeria, Book Now, Precios, Contacto.<\/p>\n Para mi es mejor coordinar una reuni\u00f3n de 15 minutos para que nos confirmen el sitemap.<\/strong> Le explicaremos al cliente las p\u00e1ginas que pensamos para el sitio con el objetivo de cada una.<\/p>\n Ya confirmamos las p\u00e1ginas que va a tener el sitio, osea el sitemap. Ahora, hagamos el wireframe.<\/p>\n El wireframe es el esqueleto sin imagenes, ni texto, ni colores del sitio<\/strong>. Para esto lo que m\u00e1s me funciona a mi es usar lapiz y papel <\/strong>y realizarlo solo para\u00a0la Home Page.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_column_text el_class=”white-text” css=”.vc_custom_1702374930951{margin-bottom: 50px !important;}”]\n Gastar tiempo viendo que color va a llevar la casa si no sabemos cuantas habitaciones tendra, o cuantos ambientes no es eficiente. <\/strong><\/p>\n Podemos pasar d\u00edas viendo que imagen queda bien o si logramos una funcion increible que vimos en tal sitio. En el dise\u00f1o web, finalizar detalles puede llevar mucho tiempo, por esto es mejor asegurarnos que estamos pintando o amoblado una casa ya construida.<\/p>\n Es mejor no empezar a dise\u00f1ar el sitio online sin la estructura clara.<\/strong>[\/vc_column_text][vc_column_text]\n Reci\u00e9n en este momento buscamos el hosting, instalamos WordPress a traves de Cpanel y ponemos el sitio en modo construcci\u00f3n.<\/p>\n Como hosting yo uso Veerotech<\/strong>. De todos los que probe (Y fueron demasiados), fue el mejor en precio\/calidad. Solo es necesario saber ingl\u00e9s para aprovechar su increible soporte al cliente que tienen.<\/p>\n Otros servicios de hosting que utilice:<\/p>\n Para instalar wordpress, uso Softaculous en Cpanel<\/strong>. Lo importante en este caso es usar contrase\u00f1as fuertes y de 12 caracteres como m\u00ednimo.<\/p>\n Hay muchos plugins para poner el sitio en construcci\u00f3n. Para hacerlo r\u00e1pido, suelo usar un plugin que bloquea el sitio con contrase\u00f1a.<\/strong> Luego, cuando tengas tiempo puedes buscar alguno que te permita dise\u00f1ar una p\u00e1gina de “En construcci\u00f3n”. Todo a su tiempo.[\/vc_column_text][image_with_animation image_url=”323″ image_size=”full” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]\n Al principio entraba a Themeforest y buscaba temas que me gusten para el nicho especifico. Luego, cuando encontre la herramienta con la que me sentia mas a gusto no necesite un tema diferente para cada proyecto.<\/p>\n Estos son los temas y constructores visuales m\u00e1s conocidos:<\/p>\n Elementor:<\/strong> El m\u00e1s popular por su versi\u00f3n gratuita. Aunque lleve tiempo aprender a usarlo y acostumbrarse es relativamente f\u00e1cil. No creo que sea el mejor pero es \u00fatil saber usarlo.<\/p>\n Divi:\u00a0<\/strong>Es el primero que utilice y me ayudo a comenzar a trabajar en esto. Es muy intuitivo y completo. Vale la pena conocerlo.<\/p>\n Temas espec\u00edficos:\u00a0<\/strong> En themeforest podes encontrar miles de temas con las plantillas ya creadas. Instalas el tema, haces uso del one-click install y listo. Solo debes ajustar imagenes, textos y colores.<\/p>\n Important<\/strong><\/em><\/p>\n No hay caminos f\u00e1ciles, rodeados de paisajes hermosos, y sonidos de pajaritos de fondo ( Bueno. Para esto podes usar una playlist de spotify, pero te aseguro que vas a terminaras odiando esos pajaros).[\/vc_column_text][vc_column_text]\n Si el cliente nos confirma el dise\u00f1o de la homepage tenemos el 80% del proyecto listo.[\/vc_column_text][vc_column_text]\n Busca una estrategia para obtener el texto, imagenes, y todo lo que te haga falta. Lo mejor para esto suele ser crear un drive donde el cliente cargue todo lo que tenga.<\/p>\n Vamos a necesitar:<\/p>\n Al enviarle el sitio al cliente, nos pedir\u00e1 cambios. No te enojes, es lo normal, y casi siempre necesario para mejorar el resultado.<\/p>\n No deberian pedir cambios estructurales, ya se acepto la estructura en etapas anteriores. Explicale que ya habian acordado en esa estructura y guialo explicando porque es la mejor. Se pueden cambiar algunas cosas como colores o ubicaci\u00f3n de secciones, lo cual no tendrian que llevarte m\u00e1s que unas horas.<\/p>\n Es fundamental saber negociar y comunicarse. Hay muchas probabilidades de que el cliente este inseguro y quiera cambiar todo. Muestrale que te capacitaste para saber que es lo mejor para su empresa y el objetivo planteado.[\/vc_column_text][vc_column_text]\n Llego la hora de sacar el plugin de Modo Construcci\u00f3n y abrir las puertas del negocio.<\/p>\n Logra que el cliente este feliz con el resultado, que quiera mostrarle al mundo su nueva web, que la ame y te ame a ti por ella. Esto te traera nuevos clientes y buenas reviews.<\/p>\n Pidele que te deje una rese\u00f1a en Google, Linkedin, o donde sea. Esto es lo que te conseguira el proximo cliente. Seguramente ya tengas un perfil de Google Mi Negocio, crea un link de rese\u00f1as<\/a> y enviaselo.<\/strong>[\/vc_column_text][vc_column_text]\n\n
1. La Reuni\u00f3n<\/h2>\n
\n
2. La Propuesta<\/h2>\n
\u00bfCuanto tiempo dedicar antes de que nos acepten el proyecto?<\/h2>\n
Y la reuni\u00f3n?<\/h3>\n
Ejemplo Pr\u00e1ctico<\/h3>\n
\n
3. Estrategia, Sitemap y Wireframes<\/h2>\n
Estrategia<\/h3>\n
Sitemap<\/h3>\n
Wireframes<\/h3>\n
Lo M\u00e1s Importante<\/em><\/h3>\n
Imaginemos que debemos construir una casa.<\/strong><\/h3>\n
4. Hosting, WordPress y Modo Construcci\u00f3n<\/h2>\n
Hosting<\/h3>\n
\n
Instalar WordPress<\/h3>\n
Modo Construcci\u00f3n<\/h3>\n
5. Elegimos el Tema de WordPress<\/h2>\n
6. Mostramos la Homepage al Cliente.<\/h2>\n
7. Dise\u00f1amos el Resto del sitio.<\/h2>\n
\n
8. Testeamos, testeamos y ajustamos.<\/h2>\n
\n
9. Ronda de Cambios<\/h2>\n
10. Entrega y Review<\/h2>\n
Review<\/strong><\/h3>\n
Este post sigu\u00e9 en construcci\u00f3n y lo seguira por mucho tiempo.<\/h2>\n