{"id":18331,"date":"2026-09-29T04:46:43","date_gmt":"2026-09-29T04:46:43","guid":{"rendered":"https:\/\/trendimarketing.com\/our-work\/masonry-enterprises-website-design\/"},"modified":"2026-09-29T04:46:43","modified_gmt":"2026-09-29T04:46:43","slug":"diseno-de-sitios-web-para-empresas-de-albanileria","status":"publish","type":"page","link":"https:\/\/trendimarketing.com\/es\/our-work\/masonry-enterprises-website-design\/","title":{"rendered":"Dise\u00f1o del sitio web de Masonry Enterprises"},"content":{"rendered":"<div id=\"fws_6ac58c7810692\"  data-column-margin=\"none\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex vc_row-o-content-top\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>.trendi-service{--th-blue:#1c57ec;--th-ink:#050728;--th-muted:#c4cfee;font-family:inherit;background:#050728;color:#fff;overflow:hidden}.trendi-service *{box-sizing:border-box}.trendi-service .th-wrap{width:min(1160px,calc(100% - 48px));margin:auto}.trendi-service .th-hero{padding:150px 0 85px;background:radial-gradient(ellipse at 90% 75%,#123caa 0,transparent 48%),linear-gradient(145deg,#050728,#08165a)}.trendi-service .th-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center}.trendi-service .th-eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#9ebbff;margin:0 0 24px}.trendi-service h1{font-size:clamp(40px,5.2vw,72px);line-height:1.05;letter-spacing:-.035em;color:#fff;margin:0 0 28px}.trendi-service h1 em{font-style:normal;color:#739cff}.trendi-service h2{font-size:clamp(28px,3.2vw,44px);line-height:1.16;letter-spacing:-.025em;color:#fff;margin:0 0 24px}.trendi-service h3{font-size:23px;line-height:1.3;color:#fff;margin:0 0 15px}.trendi-service p{font-size:17px;line-height:1.8;color:var(--th-muted);padding:0;margin:0 0 20px}.trendi-service a{color:#a9c4ff;text-decoration:underline;text-underline-offset:4px}.trendi-service a:hover{color:#fff}.trendi-service a:focus-visible{outline:3px solid #a9c4ff;outline-offset:5px}.trendi-service .th-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 26px;border-radius:999px;border:1px solid #527eff;background:#123396;box-shadow:inset 0 0 18px #245be9,0 0 22px #1c57ec30;color:white;text-decoration:none;font-size:15px;font-weight:600}.trendi-service .th-panel{padding:34px;border-radius:30px;border:1px solid #406fff66;background:linear-gradient(145deg,#0c2268cc,#050a35);box-shadow:inset 0 0 30px #1c57ec25,0 0 45px #1c57ec25}.trendi-service .th-step{padding:19px 0;border-top:1px solid #7c9eff35;display:grid;grid-template-columns:40px 1fr;gap:16px}.trendi-service .th-step span{color:#789fff;font-size:13px;padding-top:4px}.trendi-service .th-step strong{display:block;font-size:19px;margin-bottom:5px}.trendi-service .th-step p{font-size:15px;margin:0}.trendi-service .th-section{padding:85px 0}.trendi-service .th-intro{max-width:840px}.trendi-service .th-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px}.trendi-service .th-card{padding:32px;border:1px solid #3454a266;border-radius:24px;background:linear-gradient(130deg,#101a48,#080c29)}.trendi-service .th-card p{font-size:16px}.trendi-service .th-band{background:linear-gradient(120deg,#0b2060,#0b1040);border-block:1px solid #3454a255}.trendi-service .th-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:38px}.trendi-service .th-three h3{font-size:21px}.trendi-service .th-note{border-left:2px solid #527eff;padding-left:22px;margin-top:28px}.trendi-service .th-cta{text-align:center;max-width:860px;margin:auto;padding:55px 35px}.trendi-service .th-cta p{max-width:650px;margin:0 auto 26px}@media(max-width:900px){.trendi-service .th-grid{grid-template-columns:1fr;gap:36px}.trendi-service .th-hero{padding-top:125px}.trendi-service .th-three{grid-template-columns:1fr;gap:20px}.trendi-service .th-section{padding:60px 0}}@media(max-width:600px){.trendi-service .th-wrap{width:calc(100% - 36px)}.trendi-service .th-hero{padding:110px 0 55px}.trendi-service .th-cards{grid-template-columns:1fr;gap:18px}.trendi-service .th-card,.trendi-service .th-panel{padding:25px}.trendi-service .th-section{padding:48px 0}.trendi-service p{font-size:16px}.trendi-service .th-cta{padding:32px 22px}.trendi-service .th-btn{width:100%}.trendi-service .th-eyebrow{line-height:1.8;font-size:11px}}.trendi-service h1 em{font-family:inherit;text-transform:none}.trendi-service .ts-center{text-align:center;max-width:950px}.trendi-service .ts-center>p{max-width:760px;margin-left:auto;margin-right:auto}.trendi-service .ts-row{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;padding:38px 0;border-top:1px solid #3454a266}.trendi-service .ts-row p:last-child{margin-bottom:0}.trendi-service .ts-label{font-size:13px;color:#9ebbff;letter-spacing:.12em}.trendi-service .ts-intro{font-size:20px}.trendi-service .ts-links{display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:28px}.trendi-service .ts-links a{padding:6px 0}.trendi-service .th-grid>*{min-width:0}.trendi-service .ts-reverse>div:first-child{order:2}.trendi-service .ts-reverse>div:last-child{order:1}@media(max-width:900px){.trendi-service .ts-row{grid-template-columns:1fr;gap:12px}.trendi-service .ts-reverse>div:first-child,.trendi-service .ts-reverse>div:last-child{order:initial}}@media(max-width:600px){.trendi-service h1{font-size:clamp(34px,8vw,44px)}} <\/style><style>html body .trendi-service h1{font-size:clamp(34px,4vw,54px)}html body .trendi-service h2{font-size:clamp(26px,3vw,38px)}.trendi-service .project-image{display:block;width:100%;height:auto;margin:35px auto 0}.trendi-service .project-caption{font-size:13px;text-align:center;margin-top:18px}.trendi-service .ts-center .ts-links{justify-content:center}<\/style><div class=\"trendi-service\"><section class=\"th-hero\"><div class=\"th-wrap ts-center\"><p class=\"th-eyebrow\">Galer\u00eda de sitios web \u00b7 Construcci\u00f3n y alba\u00f1iler\u00eda<\/p><h1>Dise\u00f1o del sitio web de Masonry Enterprises<\/h1><p>Explora el dise\u00f1o del sitio web de Masonry Enterprises en el portafolio de Trendi Marketing. La presentaci\u00f3n combina una identidad corporativa llamativa con las categor\u00edas de servicios, im\u00e1genes de proyectos y un formulario claro para solicitar cotizaciones.<\/p><nav class=\"ts-links\" aria-label=\"Navegaci\u00f3n por el proyecto\"><a href=\"\/es\/nuestro-trabajo\/\">Todos los proyectos<\/a><a href=\"\/es\/empresa-profesional-de-diseno-web\/\">Servicios de dise\u00f1o de sitios web<\/a><\/nav><img loading=\"lazy\" decoding=\"async\" class=\"project-image\" src=\"https:\/\/trendimarketing.com\/wp-content\/uploads\/2026\/09\/Masonry.webp\" width=\"2000\" height=\"1000\" alt=\"Dise\u00f1o del sitio web de Masonry Enterprises visualizado en una computadora port\u00e1til y un tel\u00e9fono celular\"><p class=\"project-caption\">Presentaci\u00f3n de un sitio web del portafolio de Trendi Marketing.<\/p><\/div><\/section><section class=\"th-section\"><div class=\"th-wrap\"><h2>Muestra la obra de arte.<br><em>Haz que sea f\u00e1cil hablar del pr\u00f3ximo proyecto.<\/em><\/h2><\/div><\/section><section class=\"th-section th-band\"><div class=\"th-wrap th-grid\"><h2>Un lenguaje visual adecuado para el sector<\/h2><p>Los fondos oscuros, los detalles en verde, los bloques de mamposter\u00eda y la imagen de un casco de seguridad crean una identidad bien definida para el sector de la construcci\u00f3n. La tipograf\u00eda grande de la introducci\u00f3n hace que la categor\u00eda de servicios sea inmediatamente visible tanto en la versi\u00f3n para computadora como en la versi\u00f3n m\u00f3vil.<\/p><\/div><\/section><section class=\"th-section\"><div class=\"th-wrap th-grid\"><h2>Servicios f\u00e1ciles de revisar<\/h2><p>El ejemplo para dispositivos m\u00f3viles muestra tarjetas individuales sobre alba\u00f1iler\u00eda con ladrillos, construcci\u00f3n con bloques, mamposter\u00eda de piedra y chimeneas al aire libre. Cada una combina una imagen con una breve explicaci\u00f3n, lo que demuestra c\u00f3mo se pueden presentar diferentes caracter\u00edsticas sin saturar la secci\u00f3n inicial.<\/p><\/div><\/section><section class=\"th-section th-band\"><div class=\"th-wrap th-grid\"><h2>De los ejemplos a una investigaci\u00f3n de proyecto<\/h2><p>La navegaci\u00f3n principal incluye servicios, una galer\u00eda, informaci\u00f3n de la empresa y opciones de contacto. Un bot\u00f3n destacado para solicitar cotizaciones ofrece a los visitantes una acci\u00f3n que pueden realizar despu\u00e9s de revisar el trabajo. Para una empresa de servicios, esto vincula el portafolio visual con el inicio de una conversaci\u00f3n sobre el proyecto.<\/p><\/div><\/section><section class=\"th-section\"><div class=\"th-wrap th-panel th-cta\"><h2>Hablemos de tu sitio web.<\/h2><p>\u00bfEst\u00e1s planeando crear un sitio web para una empresa de construcci\u00f3n o de servicios? Cu\u00e9ntanos qu\u00e9 tipo de proyectos te interesa atraer, en qu\u00e9 \u00e1reas prestas tus servicios y mu\u00e9stranos ejemplos de tu trabajo para que podamos definir la direcci\u00f3n adecuada.<\/p><a class=\"th-btn\" href=\"\/es\/contacto\/\">Comenta sobre tu sitio web \u2192<\/a><nav class=\"ts-links\" aria-label=\"Servicio relacionado\"><a href=\"\/es\/empresa-profesional-de-diseno-web\/\">Dise\u00f1o y desarrollo de sitios web<\/a><\/nav><\/div><\/section><\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Explora el dise\u00f1o del sitio web de Masonry Enterprises en el portafolio de Trendi Marketing. La presentaci\u00f3n combina una identidad corporativa llamativa con las categor\u00edas de servicios, im\u00e1genes de proyectos y un formulario claro para solicitar cotizaciones.<\/p>","protected":false},"author":13,"featured_media":0,"parent":9,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"iner-page.php","meta":{"footnotes":""},"class_list":["post-18331","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/trendimarketing.com\/es\/wp-json\/wp\/v2\/pages\/18331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trendimarketing.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trendimarketing.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trendimarketing.com\/es\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/trendimarketing.com\/es\/wp-json\/wp\/v2\/comments?post=18331"}],"version-history":[{"count":0,"href":"https:\/\/trendimarketing.com\/es\/wp-json\/wp\/v2\/pages\/18331\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/trendimarketing.com\/es\/wp-json\/wp\/v2\/pages\/9"}],"wp:attachment":[{"href":"https:\/\/trendimarketing.com\/es\/wp-json\/wp\/v2\/media?parent=18331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}