Search
IMG_7256
Roy Bernal

Visual Designer

The Process

Elementor: The Process

Usualmente trabajo más con Elementor (Pro) y este es mi proceso:

Primero, reviso el diseño aprobado por el cliente e inicio la creación de páginas señaladas en WordPress para proceder a implementar el diseño deseado en Elementor. Creo las páginas asignadas en el diseño, ya sea home, about, servicios, blog, páginas de WooCommerce (si es requerido), etc.

Además de estas páginas, tengo la costumbre de crear una página llamada “Theme Elements” con todos los elementos de Elementor: Headings 1-6, body text, images, forms, buttons, elementos de WooCommerce, etc. Esto me ayuda a visualizar al momento de configurar los “Site Settings”.

Paso 1. Configurar “Site Identity”: Nombre del sitio, descripción del sitio, subir logotipo y favicon.

Paso 2. Configuración de “Site Settings”: Dar formato a Global colors, Global fonts, Headings, Body Text, images, forms, Background, lightbox, page transitions (si se requiere), y en caso de WooCommerce asignar las páginas requeridas.

Paso 3. Configuración de “Theme Builder”: En “Theme Builder” procedo a crear los templates para cada sección: Header, footer, single post, archive, search results, error 404 y en caso de e-commerce, la creación de los templates para single product, products archive, loop items y search results.

Paso 4. Implementación del diseño: Al tener ya configuradas estas secciones, se inicia a trabajar con la página de inicio para así continuar con las siguientes páginas y/o WooCommerce.

Paso 5. Troubleshoot and fixes: Al terminar con el diseño general del sitio web, procedo a hacer un test de cada página, revisando el “responsiveness” en dispositivos móviles, links, imágenes, textos, y en caso de e-commerce, hago pruebas de compra de prueba y reales.

Paso 6. Respaldo de páginas como templates de Elementor (opcional): Después de localizar errores y corregirlos, guardo cada página como template con nombre de página, número de versión y fecha. Ejemplo: “ALOA-HOME-PAGE-V1-9MAY23”.

Paso 7. Instalación y Exportación de Template Kits: Al terminar el diseño completo del sitio web, procedo a exportarlo en “Template kits”. Se instala en el dominio y se le entrega al cliente la plantilla completa de su sitio web diseñada en Elementor (Pro).

Este es mi proceso al trabajar con Elementor (pro). Como en todo, no estoy casado con este proceso y soy muy flexible en implementar nuevos procesos creativos. 

I’m Redesigning my portfolio so many features won’t be available right now. sorry for the inconvenience but I’m working really hard to update my portfolio between projects and you know something called life :P

Thank you for visiting my website and remember you’re breathtaking!