Want to make creations as awesome as this one?

No description

Transcript

Cómo diseñar una web desde 0

definir tu idea y público

Define tus habilidades, conocimientos, idea de negocio y describe a tu público objetivoDAFO:ANÁLISIS INTERNOANÁLISIS EXTERNODebilidades:¿Qué desventajas tienes frente a tus competidores?¿Qué podrías mejorar?AMENAZAS:¿Está tu mercado muy saturado?¿Es difícil desbancar a la competencia?Fortalezas:¿Qué haces mejor que los demás?¿Qué te hace diferente?OPORTUNIDADES:¿Hay algún nicho de mercado que no este explotado?¿Puedes ser más eficiente y reducir costes?

líneas de negocio e inversión

¿Cómo vas a monetizar tu proyecto?: servicios, asesorías, formaciones, afiliados, etc¿Qué necesitas para montar a tu proyecto y su inversión?: Hosting, delegar, herramientas,..

Dominio y hosting

Wordpress, prestashop, etsy, shopify, etc...Huye de WIXDefine las vías de comunicación con tu público objetivo: redes sociales, email marketing, ....Elige tu dominio basado en tu marca personal , palabras claves de tu proyecto o combinación de ambos.

crea tu identidad visual

Crear y diseña tu identidad visual basada en tu filosofía y en la de tu negocio: Colores, tipografías, elementos gráficos, mensaje, logo,...Recuerda de impregnar todas las partes de tu emprendimiento con tu identidad de una forma coherente y continua.

Los preliminares

wp.com o wp.org

Wp.com: Es el wordpress gratuito alojado en un servidor donde puedes usar temas gratuitos que te ofrecen pero con personalización muy básica, sin plugins y con opciones limitadas para monetizar tu proyecto. No se puede conectar con GA y lleva publicidad.Wp.org : Necesitas contratar un hosting propio para instalar tu web (tema, plugins, contenidos,), debes ocuparte de su mantenimiento, puedes instalar el tema que quieras y las personalizaciones son ilimitadas.

temas gratis o de pago

Wp.org te ofrece una biblioteca de temas gratuitos que puedes usar como quieras pero sus funcionalidades son limitadas.Con los temas de pago las personalizaciones son ilimitadas y además suelen incluir un soporte más completo que los gratuitos. Rondan el precio medio de 50€. Dependiendo de la licencia que compres puede utilizarlos en varias webs o solo una y puedes ser de un solo pago o pago anual.MIS FAVORITOS:DIVI:Fácil de manejar y mantener. Nuevas funcionalidades de forma continua.GENERATEPRESS (PRO): Combinado con el constructor Elementor Pro es la bomba.GÉNESIS: Son los más caros. Necesitas un tema padre y tema hijo. Son muy ligeros y de bonito diseño. Para personalizarlos a veces hay que hecha mano al código.

Los plugins

Te permiten añadir casi cualquier funcionalidad a tu web: tienda online, academia, formularios, diseño, foros, chats integraciones,...Hay los imprescindibles para cualquier web y los específicos según las necesidades de cada proyecto.Básicos:Spam: AskimetSeguridad: Wordfence / updraft plusRedes sociales : Simple social icons, monachCaché: WP RocketOptimización de imágenes: Wp smush itConstructor visualPueden ser gratuitos o de pago

Mantenimiento

Una web en wordpress necesita un mantenimiento básico y periódico para que todo funcione correctamente.Wordpress, el tema y los plugins se van actualizando constantemente y para evitar fallos de la web o agujeros de seguridad debes actualizar cada x tiempo.Se suele recomendar de hacer copia de seguridad antes de las actualizaciones. El hosting normalmente también las hace.Siempre actuar de uno en uno y en este orden (si es que existisen actualizaciones): plugins-tema-wp.Para la actualizaciones más fuertes como de wordpress se recomienda esperar un poco para que los plugins y temas les de tiempo a sacar nuevas actualizaciones que sean compatibles con la nueva versión de WP.Si se te hace un mundo es tema de mantenimiento, actualizaciones y solucionar posibles problemas, te recomiento contratar a un profesional del mantenimiento web.

Conociendo Wordpress

páginas básicas

BÁSICASHomeSobre MíServicios/productos/tiendaBlogContactoPáginas legales: Aviso, privacidad, cookies, términos de venta,...COMPLEMENTARIASPáginas de captación de lead o suscriptoresPáginas de gracias/confirmaciónPáginas de ventas individualesRecursos gratuitosPágina "Empieza por aquí"Tool box o página de herramientas.

vista dispositivos móviles

Comprueba que tu tema es responsive o tiene opciones para que adaptes el diseño a los dispositivos móviles.Una vez hecho tu diseño para escritorio, no olvides revisarlo y adaptarlo para móvil y tablet.

optimizado para seo

En lo que se refiere a la creación de tu web para que este optimizada para Seo deberás tener en cuenta:Subir imágenes con peso optimizado y el adecuado para el lugar donde irán. Nunca subas fotos de más de 1MB si te es posible.Rellenar siempre la etiqueta atl y tittle de las fotos con las palabras clave de la misma.Instala un plugin de optimización de imágenes tipo smush it pero esto no quita que ya las optimices antes de subirlas.No instales más plugins de los necesarios ya que harán la web más lenta y consumirá más recursos del hosting.Si puedes trabajar con temas y plugins ligeros y con el código más limpio posible. Normalmente los temas que tienen miles de opciones suelen ser más pesados si no están optimizados en este tema.No abusar de las animaciones en la web.Cuantas más llamadas al exterior que se hagan desde tu web más tarda en cargar: tipo widgets de redes sociales, scripts (código), conectar con redes sociales, etc...Usa un hosting de calidad que se preocupe por tener optimizada la velocidad de sus servidores. Uno a evitar: Godaddy.

temas legales

Recuerda cumplir con el RGDP siempre que recolectes datos personales desde tu web: formularios, comentarios, inicio de sesión, chat, foros, tienda online,...Texto de las páginas legales adaptados a tu negocioLas páginas legales siempre deben estar visibles en tu web (footer).

Estructura de la web

un objetivo para cada página

Los objetivos principales depende como es lógico del tipo de página:Vender o promocionar productos o servicios (página de ventas, home, servicios,..): No tengas miedo en repetir de varias maneras o en varios lugares la llamada a la acción.Captar leads a o suscriptores (Home, squeze page, blog, sobre mi,..).Conectar con tu público (home, sobre mi,..)Motivar a contactar ( Contacto, servicios,..)Posicionarte y ganar autoridad como experto (blog, sobre mi,..)No tiene que ser un objetivo único en cada página ya que puedes hacer una mezcla o combinación de varios. Lo importante es que tengas claro qué quieres destacar en cada página.

estructura dínamica

Ya que en teoria estás usando un buen constructor no te limites a añadir filas o columnas de texto e imágenes sin ton ni son.Combina columnas de diferentes anchos, modulos de anchura completa y ancho del contenido, fotos, listas, videos, iconos, comutadores, botones, etc....Para que te sea todo más fácil a la hora de implementarlo en tu web, puedes hacer primero un esquema en papel de la estructura y que va en cada sitio para ver como lo plasmas después en tu web.

salpica tu página con tu marca

No te olvides que tienes una identidad visual que debes mostrar de una forma coherente en tu web através de tus colores y fuentes corporativas, logo, elementos gráficos que puedes usar para diseñar separadores, fondos o iconos para tu web, banner,....Ejemplo de creatividad y fondo con elementos de marca para la web www.carmenvazquezgroup.comEs muy importante que uses los mismos elementos de tu marca en todas las vías de comunicación y promociónde tu marca de una forma uniforme.

Diseño y usabilidad

cuenta una historia: copy emocional

El texto de cada página debe estar mínimamente trabajado y enfocado a conectar con los problemas y necesidades de tu audiencia.Los textos fríos y demasiado impersonales no llegan de igual manera a la mente y corazón del posible cliente.Intenta vender experiencias y beneficios reales y no solo productos o servicios.Un ejemplo: Coca-cola no vende un refresco de cola con burbujas y azucarado. Vende éxito y felicidad. Lo resumió perfectamente en uno de sus slogans "Destapa la felicidad".Para eso debes crear una historia en torno a cada página y su objetivo. No hace falta que escribas la biblia en verso pero lo que escribas que tenga un objetivo definido y sea lo más humano y real posible. No te escondas dentrás de lo que hacen los demás y intenta "desnudar" un poquito tu negocio en cada página.Tu historia es lo que te hace diferente del resto. Si no la compartes, la confianza y empatía de la audiencia es más difícil que llegue y teverán como uno más.Las fotosUsa foto propias que ilustren y apoyen tus textos te ayudaran a diferenciarte. Si usas fotos de stock intenta que para las líneas de tu negocio sean de banco algo más exclusivos que los sobre explotados gratuitos. También puede darle tu propio toque añadiendoles algún elemento visual de tu marca.Creatividad para mi taller de Instragram " Un puzzle para tu feed"

cuida los espacios

Da aire a tu página y se consciente de la importancia de los espacios en blanco.Cuida los márgenes, rellenos e interlineados y que todos sean similares de tamaño.Ojo! En la versión para dispositivos móviles casi siempre debes adaptarlos.

el constructor, tu gran aliado

Para diseñar tus páginas (y no las entradas de tu blog) lo ideal es que utilices un buen constructor compatible con tu tema.Yo no podría vivir sin ellos ya que con su sistema de estructuras, modulos y elementos varios te permite hacer u puzzle perfecto para cada página. Además puedes guardar las plantillas y reutilizarlas para otras páginas.Mis preferidos son: Divi builder y Elementor pro.

resumiendo...

Opta por Wordpress.org

Invierte en tu tema de pago

Humaniza tu marca en la web

Diseña marca única y profesional

Si ves que no puedes hacerlo sola, delega

"mejor hecho que perfecto" ....pero si ves que tu web no se ve profesional,no te representa o simplemente no sabespor donde empezar...busca ayuda de un profesional.

¿Seguimos en contacto?

Email de contacto: info@frikymama.comwww.frikymama.com