Topcret

• www.topcret.com
• London, UK

Topcret es una empresa con más de 20 años de experiencia, con sede en el Reino Unido y España, que fabrica y comercializa microcemento para desarrollos inmobiliarios y distribuidores en toda Europa. Estaban en búsqueda de una transformación digital.

• Google Ads
• Meta Ads
• Desarrollo
• Diseño Web

Trabajos para Topcret

Una selección de proyectos en performance, desarrollo web y producción audiovisual con IA realizados para Topcret.

Todo Ads Web Videos IA

Video IA Influencer Cocina

Coming soon Web Topcret Commercial Próximamente

Video IA From concept to reality

Coming soon Web Topcret Residential Próximamente

Ads Topcret

Ads Topcret

Ads Topcret

Ads Topcret

Ads Topcret Deslizá para ver más · 5 ads · 2 sitios · 2 videos IA .pf-embed{ –pfe-bg:#04131E; –pfe-bg-2:#061B29; –pfe-bg-3:#08222F; –pfe-lime:#D8FF85; –pfe-ink:#EAF3EF; –pfe-muted:rgba(234,243,239,.62); –pfe-muted-2:rgba(234,243,239,.40); –pfe-line:rgba(216,255,133,.14); –pfe-card:rgba(255,255,255,.035); –pfe-card-line:rgba(255,255,255,.08); –pfe-font:‘Figtree’,system-ui,sans-serif; background:transparent; color:var(–pfe-ink); font-family:var(–pfe-font); padding:32px 0; position:relative; margin:32px 0; } .pf-embed *{box-sizing:border-box} .pf-embed-head{margin-bottom:8px} .pf-embed-eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(–pfe-lime);margin-bottom:14px} .pf-embed .pf-embed-title{ font-family:“Figtree”,sans-serif; font-size:35px;font-weight:700;line-height:1.2em; background-color:transparent; background-image:radial-gradient(at top right,#D8FF85 0%,#F7FFE7 75%); -webkit-background-clip:text;background-clip:text; -webkit-text-fill-color:transparent;color:transparent; letter-spacing:-0.01em;margin:0 0 14px; } @media(max-width:560px){ .pf-embed .pf-embed-title{font-size:25px;text-align:center} .pf-embed .pf-embed-intro{text-align:center;margin-left:auto;margin-right:auto} } .pf-embed-title{font-weight:800;font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 14px;color:var(–pfe-ink)} .pf-embed-intro{color:var(–pfe-muted);font-size:1rem;line-height:1.6;max-width:640px;margin:0} .pf-embed .pf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;flex-wrap:wrap} .pf-embed .pf-filters{display:flex;gap:10px;flex-wrap:wrap} .pf-embed .pf-filter{padding:9px 20px;border-radius:999px;border:1px solid var(–pfe-card-line);background:var(–pfe-card);color:var(–pfe-muted);font-weight:600;font-size:.88rem;cursor:pointer;transition:.3s;font-family:var(–pfe-font);line-height:1} .pf-embed .pf-filter:hover{border-color:var(–pfe-line);color:var(–pfe-ink)} .pf-embed .pf-filter.active{background:var(–pfe-lime);color:var(–pfe-bg);border-color:var(–pfe-lime)} .pf-embed .pf-nav{display:flex;gap:8px} .pf-embed .pf-nav button{width:42px;height:42px;border-radius:50%;border:1px solid var(–pfe-card-line);background:var(–pfe-card);color:var(–pfe-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;padding:0;line-height:1;font-size:0;overflow:visible} .pf-embed .pf-nav button:hover{border-color:var(–pfe-lime);color:var(–pfe-lime)} .pf-embed .pf-nav button:hover svg{stroke:var(–pfe-lime) !important} .pf-embed .pf-nav button svg{width:18px !important;height:18px !important;display:block !important;fill:none !important;stroke:var(–pfe-ink) !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;flex:0 0 auto;pointer-events:none} .pf-embed .pf-nav button svg *{stroke:inherit !important;fill:inherit !important} .pf-embed .pf-carousel{position:relative;margin-top:22px} .pf-embed .pf-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 18px;scrollbar-width:none;-ms-overflow-style:none;align-items:flex-start} .pf-embed .pf-track::-webkit-scrollbar{display:none} .pf-embed .pf-item{position:relative;flex:0 0 auto;cursor:pointer;scroll-snap-align:start;transition:transform .35s;display:flex;flex-direction:column;background:none;border:0;text-decoration:none;color:inherit;font-family:var(–pfe-font)} .pf-embed .pf-item.hide{display:none} .pf-embed .pf-item:hover{transform:translateY(-6px)} .pf-embed .pf-visual{position:relative;height:420px;border-radius:16px;overflow:hidden;border:1px solid var(–pfe-card-line);background:var(–pfe-bg-3);transition:border-color .35s,box-shadow .35s} .pf-embed .pf-item:hover .pf-visual{border-color:var(–pfe-lime);box-shadow:0 22px 46px rgba(0,0,0,.45)} .pf-embed .pf-item[data-cat=“video”] .pf-visual{width:236px} .pf-embed .pf-item[data-cat=“ads”] .pf-visual{width:420px} .pf-embed .pf-item[data-cat=“web”] .pf-visual{width:300px} .pf-embed .pf-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .pf-embed .pf-item[data-cat=“ads”] .pf-media{object-fit:contain;background:var(–pfe-bg-2)} .pf-embed .pf-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:56px;height:56px;border-radius:50%;background:rgba(4,19,30,.55);backdrop-filter:blur(4px);border:1.5px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;transition:.3s} .pf-embed .pf-item:hover .pf-play{background:var(–pfe-lime);border-color:var(–pfe-lime)} .pf-embed .pf-play svg{width:22px;height:22px;color:#fff;margin-left:3px} .pf-embed .pf-item:hover .pf-play svg{color:var(–pfe-bg)} .pf-embed .pf-mock{position:absolute;inset:0;display:flex;flex-direction:column;background:#0b0b10} .pf-embed .pf-mock-bar{height:24px;flex:0 0 auto;background:#1a1d24;display:flex;align-items:center;gap:5px;padding:0 11px;border-bottom:1px solid rgba(255,255,255,.06)} .pf-embed .pf-mock-bar i{width:7px;height:7px;border-radius:50%;display:block} .pf-embed .pf-mock-bar i:nth-child(1){background:#ff5f57} .pf-embed .pf-mock-bar i:nth-child(2){background:#febc2e} .pf-embed .pf-mock-bar i:nth-child(3){background:#28c840} .pf-embed .pf-mock-view{flex:1;overflow:hidden;position:relative} .pf-embed .pf-mock-view img{position:absolute;top:0;left:0;width:100%;height:auto;display:block} .pf-embed .pf-soon{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;background:rgba(4,19,30,.55);color:var(–pfe-lime);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem} .pf-embed .pf-meta{padding:12px 4px 0;display:flex;flex-direction:column;gap:5px} .pf-embed .pf-meta .pf-badge{align-self:flex-start;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 11px;border-radius:999px;background:rgba(216,255,133,.1);border:1px solid var(–pfe-card-line);color:var(–pfe-lime)} .pf-embed .pf-meta .pf-title{font-weight:600;font-size:.98rem;color:var(–pfe-ink);line-height:1.25} .pf-embed .pf-meta .pf-link{font-size:.78rem;color:var(–pfe-muted);display:inline-flex;align-items:center;gap:6px;margin-top:4px} .pf-embed .pf-meta .pf-link svg{width:13px;height:13px} .pf-embed .pf-hint{font-size:.78rem;color:var(–pfe-muted-2);margin-top:8px;display:flex;align-items:center;gap:7px} .pf-embed .pf-hint svg{width:15px !important;height:15px !important;display:inline-block !important;fill:none !important;stroke:var(–pfe-lime) !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;flex:0 0 auto} .pf-embed .pf-hint svg {stroke:inherit !important} / ── MODAL ── */ .pf-embed .pf-modal{position:fixed;inset:0;z-index:2147483647;display:none;align-items:center;justify-content:center;background:rgba(2,10,16,.86);backdrop-filter:blur(8px);padding:30px} .pf-embed .pf-modal.open{display:flex} .pf-embed .pf-modal-inner{position:relative;max-width:92vw;max-height:90vh;display:flex;flex-direction:column;align-items:center} .pf-embed .pf-modal-body img{max-width:92vw;max-height:84vh;border-radius:14px;object-fit:contain;border:1px solid var(–pfe-card-line)} .pf-embed .pf-modal-body video{max-width:min(440px,92vw);max-height:84vh;border-radius:14px;background:#000;border:1px solid var(–pfe-card-line)} .pf-embed .pf-modal-cap{margin-top:14px;font-weight:600;color:var(–pfe-ink);font-size:1rem;text-align:center;font-family:var(–pfe-font)} .pf-embed .pf-modal-close{position:fixed !important;top:20px !important;right:24px !important;width:42px !important;height:42px !important;border-radius:50% !important;background:#D8FF85 !important;color:#04131E !important;border:0 !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 6px 20px rgba(0,0,0,.4) !important;z-index:2147483647 !important;transition:.2s;padding:0 !important;margin:0 !important;opacity:1 !important;visibility:visible !important;transform:none} .pf-embed .pf-modal-close:hover{transform:scale(1.1) !important;box-shadow:0 8px 28px rgba(216,255,133,.4) !important} .pf-embed .pf-modal-close svg{width:20px !important;height:20px !important;display:block !important;stroke:#04131E !important;fill:none !important;flex:0 0 auto !important} @media(max-width:560px){ .pf-embed{padding:24px 0} .pf-embed .pf-toolbar{flex-direction:column;align-items:center;gap:12px} .pf-embed .pf-filters{flex-wrap:nowrap;justify-content:center;gap:7px;width:100%} .pf-embed .pf-filter{flex:0 1 auto;white-space:nowrap;padding:8px 13px;font-size:.78rem} .pf-embed .pf-visual{height:330px} .pf-embed .pf-item[data-cat=“ads”] .pf-visual{width:min(330px,calc(100vw - 56px))} .pf-embed .pf-item[data-cat=“video”] .pf-visual{width:min(186px,calc((100vw - 56px)*0.565))} .pf-embed .pf-item[data-cat=“web”] .pf-visual{width:min(240px,calc(100vw - 56px))} .pf-embed .pf-track{padding:6px 16px 16px;gap:14px} .pf-embed .pf-item{scroll-snap-align:center;scroll-snap-stop:always} .pf-embed .pf-meta{flex-direction:row;align-items:center;gap:9px;padding:11px 6px 0;flex-wrap:nowrap} .pf-embed .pf-meta .pf-badge{align-self:center;flex:0 0 auto} .pf-embed .pf-meta .pf-title{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} } (function(){ const embeds = document.querySelectorAll(‘.pf-embed-topcret:not([data-pf-init])’); embeds.forEach(initEmbed); function initEmbed(root){ root.setAttribute(‘data-pf-init’,‘1’); const filters = […root.querySelectorAll(‘.pf-filter’)]; const items = […root.querySelectorAll(‘.pf-item’)]; const track = root.querySelector(‘.pf-track’); const prev = root.querySelector(‘.pfPrev’); const next = root.querySelector(‘.pfNext’); const modal = root.querySelector(‘.pf-modal’); const mbody = root.querySelector(‘.pf-modal-body’); const mcap = root.querySelector(‘.pf-modal-cap’); const mclose = root.querySelector(‘.pf-modal-close’); filters.forEach(btn => btn.addEventListener(‘click’, () => { filters.forEach(b => b.classList.remove(‘active’)); btn.classList.add(‘active’); const f = btn.dataset.filter; items.forEach(it => { const show = (f === ‘all’ || it.dataset.cat === f); it.classList.toggle(‘hide’, !show); }); if (track) track.scrollTo({left:0, behavior:‘smooth’}); })); function cardStep(){ if (!track) return 260; const cards = […track.querySelectorAll(‘.pf-item:not(.hide)’)]; if (cards.length track && track.scrollBy({left:-cardStep(), behavior:‘smooth’})); if (next) next.addEventListener(‘click’, () => track && track.scrollBy({left: cardStep(), behavior:‘smooth’})); function open(type, src, title){ mbody.innerHTML = type === ‘video’ ? ‘’ : ‘’; mcap.textContent = title || ‘’; modal.classList.add(‘open’); modal.removeAttribute(‘aria-hidden’); document.body.style.overflow = ‘hidden’; } function close(){ modal.classList.remove(‘open’); modal.setAttribute(‘aria-hidden’,‘true’); mbody.innerHTML = ‘’; document.body.style.overflow = ‘’; } items.forEach(it => { const type = it.dataset.type; if (type === ‘img’ || type === ‘video’) { it.addEventListener(‘click’, e => { if (it.tagName === ‘A’ && it.getAttribute(‘href’) && it.getAttribute(‘href’) !== ‘#’) return; e.preventDefault(); open(type, it.dataset.src, it.dataset.title); }); } }); if (mclose) mclose.addEventListener(‘click’, close); if (modal) modal.addEventListener(‘click’, e => { if (e.target === modal) close(); }); document.addEventListener(‘keydown’, e => { if (e.key === ‘Escape’ && modal.classList.contains(‘open’)) close(); }); } })();

Meta Ads

A través de campañas optimizadas en Meta Ads, hemos aumentado significativamente la visibilidad de Topcret en las plataformas sociales. Al aprovechar una segmentación precisa y creatividades impactantes, hemos mejorado el engagement y el alcance, generando más leads calificados y una mayor notoriedad de marca en el mercado digital.

Sitio Web

A través de un proceso de Design Thinking, comprendimos los comportamientos y necesidades de los consumidores de nuevas generaciones. Obtuvimos insights sustanciales que utilizamos para rediseñar la marca, los productos, los servicios y la experiencia de comercio electrónico.

Creamos nuevas landing pages dirigidas y optimizadas para cada tipo de cliente y realizamos experimentos A/B para comprender mejor el comportamiento de los usuarios. Obtuvimos insights valiosos que nos permitieron reducir los costos de conversión y aumentar la calidad y cantidad de leads para la empresa.

Moodboard