Hablaré de un sitio web realizado sobre WordPress, sin plantilla, buen con la plantilla hello de Elementor Pro de ceros. El proceso de elaboración de un sitio web se ha simplificado pero requiere sensibilidad. Un equipo de diseñador, ingeniero, maquetador, mercaderista y comunicador social, son claves para el análisis revisión, construcción y publicación de un sitio web exitoso de Mecanizado.
Empezando de ceros
Prácticamente un sitio web corporativo «estándar» lo componen 3 grandes áreas, el encabezado (head), el pié de página (footer) y el cuerpo de la página. Las miles de plantillas cada vez tratan de darte mas y mas posibilidades de personalización de encabezados, pero en muchos casos existen restricciones al no poder adicionar incluir, o modificar una pequeña área de éstos mismos.
La plantilla soluciona un prediseño pero cuando nos enfrentamos a personalizarlo según los requerimientos (y gustos) del cliente tenemos limitantes que se traducen para muchos (disque) diseñadores de páginas web en «eso no se puede editar».
Es por esto que preferimos empezar de ceros, maquetar, colocar lo que queremos colocar en el punto donde lo queremos colocar, y que se comporte en los diferentes dispositivos, como queremos. No por los gustos y caprichos del cliente, sino porque sabes que al controlar como se muestra puedes hacer los cambios y actualizaciones con mayor control y en menor tiempo.
Seccion, Columnas y Elementos. el maquetado controlado
Sea cualquier diseño, y reto para su adaptabilidad, tendrás que pensar en secciones, que contienen una o varias columnas, y dentro de estas columnas, irán los elementos.
Cuando tienes claridad en esta forma de trabajar, sumado a que le puedes asignar estilos (CSS) a cada uno, es decir estilo a la sección, estilo a las columnas, estilo al elemento, te das cuenta que no se requiere de una plantilla, sino trabajamos por construcción de cada parte.
Por ejemplo una sección puede tener de fondo un color, un degradado, un foto o incluso un video, a la sección le puedes dar una capa de transparencia, por ejemplo para atenuar el video del fondo y puedes colocar en una única columna central un elemento de texto. Le adicionas al texto un efecto de movimiento un fondo fijo o un paralax, y ya tienes una portada perfecta personalizada.
El encabezado, un cabezazo metalmecánico
En el sitio de Sumiparts, tenemos un encabezado fijo, es decir no se desplaza cuando bajamos la página, al que le dimos una transparencia, que además difumina el contenido que pasa por debajo al estilo del sitio web de apple, de allí sacamos el
style { backdrop-filter: saturate(180%) blur(20px); }
que le da ese esmerilado al blanco del encabezado, que permite legibilidad en el menú, y logotipo, aún cuando por debajo pasa más contenido. El esmerilado es uno de los acabados que Sumiparts ofrece, en su producción a los productos industriales, partes y suministros de producción.
Su construcción es sencilla una única sección de dos columnas, esta sección contiene el efecto transparente al verse en un celular, el elemento de menú lo recogemos en una hamburguesa y adaptamos los anchos de la columna.
En conclusión el sitio web de Sumiparts construido con WordPress y Elementor Pro, recoge las bondades de estas herramientas de trabajo, y con detalles menores presenta y controla la información de una empresa que busca posicionar sus servicios en las líneas automotriz, linea Industrial y línea de construcción.
Sumiparts ofrece los siguientes servicios:
01. DISEÑO
- Diseño y desarrollo
- Modelado
- Ingeniería inversa
- Prototipado 3D
- Impresión 3D
- Fabricación de moldes
02. FABRICACIÓN
Metalmecánicos
- Fresado CNC
- Torneado CNC
- Fresado convencional
- Torneado convencional
- Soldadura MIG MAG
- Soldadura TIG
- Soldadura revestida
- Plegado de platina
- Rolado de platina
- Corte Laser
- Corte cizalla
- Corte plasma
Inyección, extrusión y vulcanizados
- Inyección de plástico
- Inyección de aluminio
- Inyección de Zamac
- Extrusión de plásticos
- Extrusión de elastómeros
- Vulcanizado
03. ACABADO
- Electropulido
- Satinado
- Pasivado Acero Inoxidable
- Sandblasting
- Pintura electroestática
