array(25) { ["idhirek"]=> string(2) "10" ["link"]=> string(11) "Kik-vagyunk" ["cim"]=> string(12) "Kik vagyunk?" ["bevezeto"]=> string(76350) "<section class="section container vtd-about-premium"> <style><!-- .vtd-about-premium { color: #111; } .vtd-about-premium.section { padding-top: 0 !important; margin-top: 20px; } .vtd-about-premium *, .vtd-about-premium *::before, .vtd-about-premium *::after { box-sizing: border-box; } .vtd-about-premium .vtd-card { background: #fff; border: 1px solid #eeeeee; border-radius: 14px; padding: 46px 40px; box-shadow: 0 10px 30px rgba(0,0,0,.055); margin-bottom: 26px; overflow: hidden; } .vtd-about-premium .vtd-card-soft { background: #f7f7f7; } .vtd-about-premium .vtd-eyebrow { display: inline-block; color: #eca721; font-size: .82rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 14px; } .vtd-about-premium .vtd-line { width: 72px; height: 6px; background: #eca721; border-radius: 99px; margin: 0 auto 28px; } .vtd-about-premium .vtd-lead { color: #111; line-height: 1.75; font-size: 1.05rem; margin-bottom: 0; } .vtd-about-premium .vtd-muted { color: #555; } /* HERO */ .vtd-about-premium .vtd-hero { position: relative; background: radial-gradient(circle at top right, rgba(255,255,255,.42), transparent 32%), radial-gradient(circle at bottom left, rgba(255,255,255,.22), transparent 34%), linear-gradient(135deg, #eca721 0%, #f3b638 48%, #c98512 100%); border-radius: 16px; padding: 58px 46px; overflow: hidden; box-shadow: 0 16px 44px rgba(236,167,33,.22); margin-bottom: 26px; } .vtd-about-premium .vtd-hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(17,17,17,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(17,17,17,.055) 1px, transparent 1px); background-size: 36px 36px; opacity: .55; pointer-events: none; } .vtd-about-premium .vtd-hero::after { content: ""; position: absolute; top: -24%; left: -56%; width: 58%; height: 170%; background: linear-gradient(115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.002) 10%, rgba(255,255,255,0.008) 20%, rgba(255,255,255,0.022) 30%, rgba(255,255,255,0.07) 39%, rgba(255,255,255,0.17) 45%, rgba(255,255,255,0.34) 48.5%, rgba(255,255,255,0.72) 50%, rgba(255,255,255,0.44) 52.5%, rgba(255,255,255,0.24) 58%, rgba(255,255,255,0.12) 67%, rgba(255,255,255,0.05) 77%, rgba(255,255,255,0.012) 89%, rgba(255,255,255,0) 100%); filter: blur(18px); transform: skewX(-20deg); opacity: 0; pointer-events: none; animation: vtdHeroShine 6.1s ease-in-out infinite; } @keyframes vtdHeroShine { 0% { left: -56%; opacity: 0; } 16% { opacity: 0; } 27% { opacity: .98; } 48% { left: 112%; opacity: 0; } 100% { left: 112%; opacity: 0; } } .vtd-about-premium .vtd-hero > .row { position: relative; z-index: 1; } .vtd-about-premium .vtd-hero .vtd-eyebrow { color: #111; } .vtd-about-premium .vtd-hero-title { color: #111; font-size: 3rem; line-height: 1.05; letter-spacing: -0.06em; font-weight: 950; margin-bottom: 22px; } .vtd-about-premium .vtd-hero-title span { color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.12); } .vtd-about-premium .vtd-hero-text { color: rgba(17,17,17,.78); font-size: 1.08rem; line-height: 1.78; margin-bottom: 26px; max-width: 720px; } .vtd-about-premium .vtd-hero-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; } .vtd-about-premium .vtd-hero-tag { display: inline-flex; align-items: center; border: 1px solid rgba(255,255,255,.92); background: #ffffff; color: #111; border-radius: 999px; padding: 9px 14px; font-size: .88rem; font-weight: 800; box-shadow: 0 8px 18px rgba(0,0,0,.07); } .vtd-about-premium .vtd-hero-visual { position: relative; min-height: 420px; } .vtd-about-premium .vtd-floating-board { position: absolute; border-radius: 16px; overflow: hidden; border: 1px solid rgba(255,255,255,.42); box-shadow: 0 18px 40px rgba(0,0,0,.18); background: rgba(255,255,255,.22); backdrop-filter: blur(10px); } .vtd-about-premium .vtd-floating-board img { display: block; width: 100%; height: 100%; object-fit: cover; } .vtd-about-premium .vtd-board-main { width: 78%; height: 270px; right: 0; top: 32px; } .vtd-about-premium .vtd-board-small-1 { width: 44%; height: 150px; left: 0; top: 0; } .vtd-about-premium .vtd-board-small-2 { width: 52%; height: 170px; left: 10%; bottom: 28px; } .vtd-about-premium .vtd-hero-mini { position: absolute; right: 22px; bottom: 0; background: #fff; color: #111; border-radius: 14px; padding: 18px 20px; max-width: 250px; box-shadow: 0 14px 28px rgba(0,0,0,.16); } .vtd-about-premium .vtd-hero-mini strong { display: block; font-size: 1.6rem; line-height: 1; font-weight: 950; margin-bottom: 6px; } .vtd-about-premium .vtd-hero-mini span { display: block; color: rgba(17,17,17,.82); font-size: .92rem; line-height: 1.45; font-weight: 800; } /* CSAPATKÁRTYÁK */ .vtd-about-premium .vtd-team-grid { row-gap: 28px; } .vtd-about-premium .vtd-team-card { position: relative; overflow: hidden; border: 1px solid rgba(17,17,17,.08); border-radius: 22px; background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 100%); box-shadow: 0 18px 48px rgba(0,0,0,.08), 0 2px 0 rgba(255,255,255,.9) inset; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; } .vtd-about-premium .vtd-team-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 18% 8%, rgba(236,167,33,.22), transparent 32%), radial-gradient(circle at 90% 0%, rgba(17,17,17,.08), transparent 28%); opacity: .85; pointer-events: none; } .vtd-about-premium .vtd-team-card::after { content: ""; position: absolute; top: 22px; right: 22px; width: 82px; height: 82px; border: 1px solid rgba(236,167,33,.35); border-radius: 50%; opacity: .65; pointer-events: none; } .vtd-about-premium .vtd-team-card:hover { transform: translateY(-6px); border-color: rgba(236,167,33,.42); box-shadow: 0 24px 60px rgba(0,0,0,.12), 0 2px 0 rgba(255,255,255,.9) inset; } .vtd-about-premium .vtd-team-top { position: relative; z-index: 1; height: 360px; min-height: 360px; padding: 0; overflow: hidden; background: linear-gradient(135deg, rgba(236,167,33,.20), rgba(236,167,33,.03) 52%, rgba(17,17,17,.06)), linear-gradient(180deg, #f7f7f7 0%, #ffffff 100%); display: flex; align-items: flex-end; justify-content: center; } .vtd-about-premium .vtd-team-top::before { content: ""; position: absolute; left: 50%; bottom: -96px; width: 340px; height: 340px; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(circle, rgba(236,167,33,.28) 0%, rgba(236,167,33,.14) 42%, transparent 70%); pointer-events: none; } .vtd-about-premium .vtd-team-top::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(17,17,17,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(17,17,17,.035) 1px, transparent 1px); background-size: 32px 32px; mask-image: linear-gradient(180deg, rgba(0,0,0,.65), transparent 78%); pointer-events: none; } .vtd-about-premium .vtd-team-top img { position: relative; z-index: 2; display: block; width: auto; max-width: none; height: 420px; margin: 0 auto; object-fit: contain; object-position: center bottom; transform: translateY(54px); filter: saturate(1.02) contrast(1.03) drop-shadow(0 18px 22px rgba(0,0,0,.16)); transition: transform .28s ease, filter .28s ease; } .vtd-about-premium .vtd-team-card:hover .vtd-team-top img { transform: translateY(46px) scale(1.025); filter: saturate(1.05) contrast(1.04) drop-shadow(0 22px 26px rgba(0,0,0,.18)); } .vtd-about-premium .vtd-team-body { position: relative; z-index: 2; background: linear-gradient(180deg, rgba(255,255,255,.96), #ffffff); border-top: 1px solid rgba(17,17,17,.06); } .vtd-about-premium .vtd-team-body::before { content: ""; position: absolute; left: 28px; top: 0; width: 72px; height: 5px; border-radius: 99px; background: #eca721; transform: translateY(-3px); } .vtd-about-premium .vtd-team-role { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border-radius: 999px; background: rgba(236,167,33,.12); color: #9b650d; font-size: .78rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; } .vtd-about-premium .vtd-team-role::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #eca721; } @media (max-width: 991.98px) { .vtd-about-premium .vtd-team-top { height: 330px; min-height: 330px; } .vtd-about-premium .vtd-team-top img { height: 390px; transform: translateY(50px); } .vtd-about-premium .vtd-team-card:hover .vtd-team-top img { transform: translateY(44px) scale(1.02); } } @media (max-width: 767.98px) { .vtd-about-premium .vtd-team-top { height: 305px; min-height: 305px; } .vtd-about-premium .vtd-team-top img { height: 355px; transform: translateY(44px); } .vtd-about-premium .vtd-team-card:hover .vtd-team-top img { transform: translateY(40px) scale(1.015); } } .vtd-about-premium .vtd-team-card { height: 100%; background: #fff; border: 1px solid #eeeeee; border-radius: 14px; overflow: hidden; box-shadow: 0 12px 28px rgba(0,0,0,.055); display: flex; flex-direction: column; } .vtd-about-premium .vtd-team-body { padding: 28px 24px 24px; display: flex; flex-direction: column; flex: 1 1 auto; } .vtd-about-premium .vtd-team-name { color: #111; display: block; font-size: 1.42rem; line-height: 1.15; letter-spacing: -0.035em; font-weight: 950; margin-bottom: 6px; } .vtd-about-premium .vtd-team-role { color: #eca721; display: block; font-size: .98rem; line-height: 1.35; font-weight: 900; margin-bottom: 16px; } .vtd-about-premium .vtd-team-body p { color: #555; line-height: 1.65; font-size: .96rem; margin-bottom: 16px; } .vtd-about-premium .vtd-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 4px; } .vtd-about-premium .vtd-badge { display: inline-flex; align-items: center; border-radius: 999px; background: rgba(236,167,33,.1); border: 1px solid rgba(236,167,33,.2); color: #111; font-size: .8rem; line-height: 1; font-weight: 800; padding: 9px 11px; } /* TARTALMI BLOKKOK */ .vtd-about-premium .vtd-value-card { height: 100%; background: #fff; border: 1px solid #eeeeee; border-radius: 14px; padding: 26px 24px; box-shadow: 0 8px 22px rgba(0,0,0,.04); display: flex; flex-direction: column; } .vtd-about-premium .vtd-value-icon { width: 42px; height: 42px; border-radius: 50%; background: rgba(236,167,33,.12); color: #eca721; display: inline-flex; align-items: center; justify-content: center; font-weight: 900; margin-bottom: 16px; } .vtd-about-premium .vtd-value-card h3 { color: #111; font-size: 1.12rem; line-height: 1.3; font-weight: 900; margin-bottom: 10px; } .vtd-about-premium .vtd-value-card p { color: #555; line-height: 1.65; margin-bottom: 0; font-size: .96rem; } .vtd-about-premium .vtd-onehand-redesign { position: relative; background: radial-gradient(circle at top right, rgba(236,167,33,.15), transparent 32%), linear-gradient(180deg, #fff 0%, #f8f8f8 100%); } .vtd-about-premium .vtd-system-map { position: relative; margin-top: 34px; } .vtd-about-premium .vtd-system-map::before { content: ""; position: absolute; left: 8%; right: 8%; top: 66px; height: 2px; background: linear-gradient(90deg, rgba(236,167,33,0), rgba(236,167,33,.65), rgba(236,167,33,0)); } .vtd-about-premium .vtd-system-step { position: relative; height: 100%; background: #fff; border: 1px solid #eeeeee; border-radius: 14px; padding: 26px 20px 22px; box-shadow: 0 10px 24px rgba(0,0,0,.045); text-align: center; display: flex; flex-direction: column; z-index: 1; } .vtd-about-premium .vtd-system-icon { width: 58px; height: 58px; border-radius: 50%; background: #eca721; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 950; margin: 0 auto 18px; box-shadow: 0 10px 22px rgba(236,167,33,.24); } .vtd-about-premium .vtd-system-step h3 { color: #111; font-size: 1.08rem; line-height: 1.3; font-weight: 900; margin-bottom: 10px; } .vtd-about-premium .vtd-system-step p { color: #555; line-height: 1.6; font-size: .94rem; margin-bottom: 0; } .vtd-about-premium .vtd-system-note { margin-top: 28px; background: rgba(236,167,33,.09); border: 1px solid rgba(236,167,33,.2); border-radius: 14px; padding: 22px 24px; text-align: center; color: #111; line-height: 1.7; font-size: 1rem; } .vtd-about-premium .vtd-ref-card { height: 100%; background: #fff; border: 1px solid #eeeeee; border-radius: 14px; overflow: hidden; box-shadow: 0 8px 22px rgba(0,0,0,.04); } .vtd-about-premium .vtd-ref-card img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } .vtd-about-premium .vtd-ref-body { padding: 18px 18px 20px; } .vtd-about-premium .vtd-ref-body strong { display: block; color: #111; font-weight: 900; margin-bottom: 4px; } .vtd-about-premium .vtd-ref-body span { color: #555; font-size: .9rem; line-height: 1.5; } .vtd-about-premium .vtd-process-card { height: 100%; background: #f7f7f7; border: 1px solid #eeeeee; border-radius: 14px; padding: 26px 22px; box-shadow: 0 8px 22px rgba(0,0,0,.035); display: flex; flex-direction: column; } .vtd-about-premium .vtd-process-number { width: 44px; height: 44px; border-radius: 50%; background: #eca721; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 900; margin-bottom: 18px; } .vtd-about-premium .vtd-process-card h3 { color: #111; font-size: 1.08rem; line-height: 1.3; font-weight: 900; margin-bottom: 10px; } .vtd-about-premium .vtd-process-card p { color: #555; line-height: 1.6; margin-bottom: 0; font-size: .94rem; } /* MÉRFÖLDKÖVEK */ .vtd-about-premium .vtd-timeline { position: relative; margin-top: 8px; } .vtd-about-premium .vtd-timeline::before { content: ""; position: absolute; left: 24px; top: 0; bottom: 0; width: 2px; background: #eeeeee; } .vtd-about-premium .vtd-timeline-item { position: relative; padding-left: 72px; margin-bottom: 24px; } .vtd-about-premium .vtd-timeline-item:last-child { margin-bottom: 0; } .vtd-about-premium .vtd-timeline-year { position: absolute; left: 0; top: 0; width: 50px; height: 50px; border-radius: 50%; background: #eca721; color: #111; display: flex; align-items: center; justify-content: center; font-weight: 950; font-size: .86rem; box-shadow: 0 8px 18px rgba(236,167,33,.22); } .vtd-about-premium .vtd-timeline-content { background: #fff; border: 1px solid #eeeeee; border-radius: 14px; padding: 22px 24px; box-shadow: 0 8px 22px rgba(0,0,0,.035); } .vtd-about-premium .vtd-timeline-content h3 { color: #111; font-size: 1.1rem; line-height: 1.3; font-weight: 900; margin-bottom: 8px; } .vtd-about-premium .vtd-timeline-content p { color: #555; line-height: 1.65; margin-bottom: 0; font-size: .96rem; } /* EREDETI AJÁNLATKÉRŐ BLOKK */ .vtd-about-premium .vtd-dark-cta { background: radial-gradient(circle at bottom right, rgba(255,255,255,.34), transparent 34%), radial-gradient(circle at top left, rgba(255,255,255,.2), transparent 32%), linear-gradient(135deg, #eca721, #f3b638 48%, #c98512); border-radius: 16px; padding: 46px 36px; margin: 28px 0 0; overflow: hidden; text-align: center; box-shadow: 0 16px 44px rgba(236,167,33,.22); } .vtd-about-premium .vtd-dark-cta h2 { color: #111; font-size: 2rem; line-height: 1.18; font-weight: 950; letter-spacing: -0.045em; margin-bottom: 16px; } .vtd-about-premium .vtd-dark-cta p { color: rgba(17,17,17,.78); max-width: 900px; margin: 0 auto 24px; line-height: 1.7; font-size: 1.04rem; } .vtd-about-premium .vtd-white-action-btn { background: transparent !important; border: 2px solid #fff !important; color: #fff !important; font-weight: 900; box-shadow: none; } .vtd-about-premium .vtd-white-action-btn:hover { background: #fff !important; border-color: #fff !important; color: #eca721 !important; } .vtd-about-premium .vtd-hero-accent-btn { background: #9a6209 !important; border: 2px solid #9a6209 !important; color: #fff !important; font-weight: 900; box-shadow: 0 10px 22px rgba(154,98,9,.22); } .vtd-about-premium .vtd-hero-accent-btn:hover { background: #7d4f06 !important; border-color: #7d4f06 !important; color: #fff !important; } @media (max-width: 991.98px) { .vtd-about-premium .vtd-hero { padding: 44px 28px; } .vtd-about-premium .vtd-hero-visual { min-height: 360px; margin-top: 24px; } .vtd-about-premium .vtd-flow { grid-template-columns: 1fr; } .vtd-about-premium .vtd-flow-item:not(:last-child)::after { content: "↓"; right: auto; left: 50%; top: auto; bottom: -22px; transform: translateX(-50%); } } @media (max-width: 767.98px) { .vtd-about-premium.section { margin-top: -35px; } .vtd-about-premium .vtd-card { padding: 28px 20px; } .vtd-about-premium .vtd-hero { padding: 34px 22px; } .vtd-about-premium .vtd-hero-title { font-size: 2.05rem; } .vtd-about-premium .vtd-hero-visual { min-height: 300px; } .vtd-about-premium .vtd-board-main { width: 84%; height: 190px; top: 48px; } .vtd-about-premium .vtd-board-small-1 { width: 48%; height: 115px; } .vtd-about-premium .vtd-board-small-2 { width: 56%; height: 125px; bottom: 30px; } .vtd-about-premium .vtd-hero-mini { right: 0; bottom: 0; max-width: 210px; } .vtd-about-premium .vtd-team-body { padding: 24px 20px 22px; } .vtd-about-premium .vtd-timeline::before { left: 18px; } .vtd-about-premium .vtd-timeline-item { padding-left: 58px; } .vtd-about-premium .vtd-timeline-year { width: 40px; height: 40px; font-size: .78rem; } .vtd-about-premium .vtd-dark-cta { padding: 34px 22px; } .vtd-about-premium .vtd-dark-cta h2 { font-size: 1.55rem; } } /* CSAPATKÉPEK MÉRETEZÉSE */ .vtd-about-premium .vtd-team-top { height: 385px; min-height: 385px; padding: 0; overflow: hidden; background: radial-gradient(circle at 50% 30%, rgba(236,167,33,.20), transparent 34%), linear-gradient(135deg, rgba(236,167,33,.16), rgba(255,255,255,.65) 52%, rgba(17,17,17,.06)); } .vtd-about-premium .vtd-team-top img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center top; transform: none; filter: saturate(1.03) contrast(1.04) drop-shadow(0 18px 22px rgba(0,0,0,.16)); transition: transform .35s ease, filter .35s ease; } .vtd-about-premium .vtd-team-card:hover .vtd-team-top img { transform: scale(1.045); filter: saturate(1.07) contrast(1.05) drop-shadow(0 22px 26px rgba(0,0,0,.18)); } .vtd-about-premium .vtd-team-top::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.26) 42%, transparent 58%); transform: translateX(-120%); animation: vtdPhotoShine 5.8s ease-in-out infinite; pointer-events: none; z-index: 3; } @keyframes vtdPhotoShine { 0%, 62% { transform: translateX(-125%); opacity: 0; } 72% { opacity: .75; } 100% { transform: translateX(125%); opacity: 0; } } .vtd-about-premium .vtd-stats, .vtd-about-premium .vtd-year-grid, .vtd-about-premium .vtd-timeline-grid { position: relative; } .vtd-about-premium .vtd-stat-card, .vtd-about-premium .vtd-year-card, .vtd-about-premium .vtd-timeline-card { position: relative; overflow: hidden; border-radius: 18px; border: 1px solid rgba(17,17,17,.08); background: radial-gradient(circle at top right, rgba(236,167,33,.18), transparent 34%), linear-gradient(180deg, #ffffff 0%, #f8f8f8 100%); box-shadow: 0 14px 34px rgba(0,0,0,.06); transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; } .vtd-about-premium .vtd-stat-card::before, .vtd-about-premium .vtd-year-card::before, .vtd-about-premium .vtd-timeline-card::before { content: ""; position: absolute; inset: -2px; background: conic-gradient(from 180deg, transparent 0deg, rgba(236,167,33,.55) 80deg, transparent 145deg, transparent 360deg); opacity: .0; animation: vtdBorderOrbit 7s linear infinite; pointer-events: none; } .vtd-about-premium .vtd-stat-card::after, .vtd-about-premium .vtd-year-card::after, .vtd-about-premium .vtd-timeline-card::after { content: ""; position: absolute; inset: 1px; border-radius: 17px; background: inherit; pointer-events: none; } .vtd-about-premium .vtd-stat-card > *, .vtd-about-premium .vtd-year-card > *, .vtd-about-premium .vtd-timeline-card > * { position: relative; z-index: 2; } .vtd-about-premium .vtd-stat-card:hover, .vtd-about-premium .vtd-year-card:hover, .vtd-about-premium .vtd-timeline-card:hover { transform: translateY(-5px); border-color: rgba(236,167,33,.35); box-shadow: 0 20px 46px rgba(0,0,0,.10); } .vtd-about-premium .vtd-stat-card:hover::before, .vtd-about-premium .vtd-year-card:hover::before, .vtd-about-premium .vtd-timeline-card:hover::before { opacity: .75; } @keyframes vtdBorderOrbit { to { transform: rotate(360deg); } } .vtd-about-premium .vtd-stat-number, .vtd-about-premium .vtd-year, .vtd-about-premium .vtd-timeline-year { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 6px 14px; border-radius: 999px; background: #111; color: #eca721; font-weight: 950; letter-spacing: -.04em; box-shadow: 0 10px 24px rgba(0,0,0,.14); animation: vtdNumberPulse 3.8s ease-in-out infinite; } @keyframes vtdNumberPulse { 0%, 100% { transform: scale(1); box-shadow: 0 10px 24px rgba(0,0,0,.14); } 50% { transform: scale(1.035); box-shadow: 0 14px 30px rgba(236,167,33,.22); } } @media (max-width: 991.98px) { .vtd-about-premium .vtd-team-top { height: 345px; min-height: 345px; } } @media (max-width: 767.98px) { .vtd-about-premium .vtd-team-top { height: 320px; min-height: 320px; } .vtd-about-premium .vtd-team-top img { object-position: center top; } } .vtd-about-premium .vtd-card:not(.vtd-team-card), .vtd-about-premium .vtd-content-box, .vtd-about-premium .vtd-feature-card, .vtd-about-premium .vtd-service-card, .vtd-about-premium .vtd-value-card, .vtd-about-premium .vtd-process-card, .vtd-about-premium .vtd-highlight-card { position: relative; overflow: hidden; border-radius: 20px; transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease, background-position .6s ease; } .vtd-about-premium .vtd-card:not(.vtd-team-card)::before, .vtd-about-premium .vtd-content-box::before, .vtd-about-premium .vtd-feature-card::before, .vtd-about-premium .vtd-service-card::before, .vtd-about-premium .vtd-value-card::before, .vtd-about-premium .vtd-process-card::before, .vtd-about-premium .vtd-highlight-card::before { content: ""; position: absolute; right: -90px; top: -90px; width: 210px; height: 210px; border-radius: 50%; background: radial-gradient(circle, rgba(236,167,33,.20) 0%, rgba(236,167,33,.08) 44%, transparent 70%); opacity: .75; transform: scale(.92); transition: transform .38s ease, opacity .38s ease; pointer-events: none; } .vtd-about-premium .vtd-card:not(.vtd-team-card)::after, .vtd-about-premium .vtd-content-box::after, .vtd-about-premium .vtd-feature-card::after, .vtd-about-premium .vtd-service-card::after, .vtd-about-premium .vtd-value-card::after, .vtd-about-premium .vtd-process-card::after, .vtd-about-premium .vtd-highlight-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.34) 45%, transparent 58%); transform: translateX(-130%); opacity: 0; pointer-events: none; } .vtd-about-premium .vtd-card:not(.vtd-team-card):hover, .vtd-about-premium .vtd-content-box:hover, .vtd-about-premium .vtd-feature-card:hover, .vtd-about-premium .vtd-service-card:hover, .vtd-about-premium .vtd-value-card:hover, .vtd-about-premium .vtd-process-card:hover, .vtd-about-premium .vtd-highlight-card:hover { transform: translateY(-5px); border-color: rgba(236,167,33,.36); box-shadow: 0 22px 54px rgba(0,0,0,.10); } .vtd-about-premium .vtd-card:not(.vtd-team-card):hover::before, .vtd-about-premium .vtd-content-box:hover::before, .vtd-about-premium .vtd-feature-card:hover::before, .vtd-about-premium .vtd-service-card:hover::before, .vtd-about-premium .vtd-value-card:hover::before, .vtd-about-premium .vtd-process-card:hover::before, .vtd-about-premium .vtd-highlight-card:hover::before { transform: scale(1.12); opacity: 1; } .vtd-about-premium .vtd-card:not(.vtd-team-card):hover::after, .vtd-about-premium .vtd-content-box:hover::after, .vtd-about-premium .vtd-feature-card:hover::after, .vtd-about-premium .vtd-service-card:hover::after, .vtd-about-premium .vtd-value-card:hover::after, .vtd-about-premium .vtd-process-card:hover::after, .vtd-about-premium .vtd-highlight-card:hover::after { animation: vtdElegantSweep 1.25s ease forwards; opacity: 1; } @keyframes vtdElegantSweep { from { transform: translateX(-130%); } to { transform: translateX(130%); } } .vtd-about-premium .vtd-stats, .vtd-about-premium .vtd-year-grid, .vtd-about-premium .vtd-timeline-grid, .vtd-about-premium .vtd-counter-grid { position: relative; isolation: isolate; } .vtd-about-premium .vtd-stat-card, .vtd-about-premium .vtd-year-card, .vtd-about-premium .vtd-timeline-card, .vtd-about-premium .vtd-counter-card { position: relative; overflow: hidden; border-radius: 22px; background: linear-gradient(135deg, rgba(255,255,255,1), rgba(248,248,248,1)), radial-gradient(circle at 20% 0%, rgba(236,167,33,.18), transparent 40%); border: 1px solid rgba(17,17,17,.08); box-shadow: 0 16px 42px rgba(0,0,0,.07); transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease; } .vtd-about-premium .vtd-stat-card .vtd-animated-border, .vtd-about-premium .vtd-year-card .vtd-animated-border, .vtd-about-premium .vtd-timeline-card .vtd-animated-border, .vtd-about-premium .vtd-counter-card .vtd-animated-border { display: none; } .vtd-about-premium .vtd-stat-card::before, .vtd-about-premium .vtd-year-card::before, .vtd-about-premium .vtd-timeline-card::before, .vtd-about-premium .vtd-counter-card::before { content: ""; position: absolute; inset: -70%; background: conic-gradient(from 0deg, transparent 0deg, transparent 260deg, rgba(236,167,33,.70) 305deg, transparent 360deg); animation: vtdSoftOrbit 7.5s linear infinite; opacity: .55; pointer-events: none; } .vtd-about-premium .vtd-stat-card::after, .vtd-about-premium .vtd-year-card::after, .vtd-about-premium .vtd-timeline-card::after, .vtd-about-premium .vtd-counter-card::after { content: ""; position: absolute; inset: 1px; border-radius: 21px; background: radial-gradient(circle at 88% 12%, rgba(236,167,33,.14), transparent 30%), linear-gradient(180deg, #ffffff 0%, #f8f8f8 100%); pointer-events: none; } .vtd-about-premium .vtd-stat-card > *, .vtd-about-premium .vtd-year-card > *, .vtd-about-premium .vtd-timeline-card > *, .vtd-about-premium .vtd-counter-card > * { position: relative; z-index: 2; } @keyframes vtdSoftOrbit { to { transform: rotate(360deg); } } .vtd-about-premium .vtd-stat-number, .vtd-about-premium .vtd-year, .vtd-about-premium .vtd-timeline-year, .vtd-about-premium .vtd-counter-number, .vtd-about-premium [class*="year"], .vtd-about-premium [class*="number"] { text-shadow: 0 1px 0 rgba(255,255,255,.35); } .vtd-about-premium .vtd-stat-number, .vtd-about-premium .vtd-year, .vtd-about-premium .vtd-timeline-year, .vtd-about-premium .vtd-counter-number { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 7px 16px; border-radius: 999px; background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.22), transparent 42%), linear-gradient(135deg, #111111, #2a2a2a); color: #eca721; font-weight: 950; letter-spacing: -.04em; box-shadow: 0 12px 28px rgba(0,0,0,.16), 0 0 0 1px rgba(236,167,33,.20) inset; animation: vtdElegantPulse 4.2s ease-in-out infinite; } @keyframes vtdElegantPulse { 0%, 100% { transform: translateY(0) scale(1); box-shadow: 0 12px 28px rgba(0,0,0,.16), 0 0 0 1px rgba(236,167,33,.20) inset; } 50% { transform: translateY(-2px) scale(1.035); box-shadow: 0 18px 36px rgba(236,167,33,.24), 0 0 0 1px rgba(236,167,33,.34) inset; } } @supports (animation-timeline: view()) { .vtd-about-premium .vtd-card:not(.vtd-team-card), .vtd-about-premium .vtd-content-box, .vtd-about-premium .vtd-stat-card, .vtd-about-premium .vtd-year-card, .vtd-about-premium .vtd-timeline-card { animation: vtdRevealUp both ease-out; animation-timeline: view(); animation-range: entry 8% cover 28%; } @keyframes vtdRevealUp { from { opacity: .35; transform: translateY(26px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } } } @media (max-width: 767.98px) { .vtd-about-premium .vtd-card:not(.vtd-team-card):hover, .vtd-about-premium .vtd-content-box:hover, .vtd-about-premium .vtd-feature-card:hover, .vtd-about-premium .vtd-service-card:hover, .vtd-about-premium .vtd-value-card:hover, .vtd-about-premium .vtd-process-card:hover, .vtd-about-premium .vtd-highlight-card:hover { transform: none; } .vtd-about-premium .vtd-stat-number, .vtd-about-premium .vtd-year, .vtd-about-premium .vtd-timeline-year, .vtd-about-premium .vtd-counter-number { min-height: 46px; } } @media (prefers-reduced-motion: reduce) { .vtd-about-premium *, .vtd-about-premium *::before, .vtd-about-premium *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; } } .vtd-about-premium .vtd-timeline { position: relative; } .vtd-about-premium .vtd-timeline::before { background: linear-gradient(180deg, rgba(236,167,33,.12), rgba(236,167,33,.55), rgba(236,167,33,.12)) !important; box-shadow: 0 0 22px rgba(236,167,33,.20); } .vtd-about-premium .vtd-timeline-year, .vtd-about-premium .vtd-year, .vtd-about-premium .vtd-timeline-dot, .vtd-about-premium .vtd-milestone-year { background: radial-gradient(circle at 30% 22%, rgba(255,255,255,.36), transparent 34%), linear-gradient(135deg, #f2b33b 0%, #eca721 45%, #cf8212 100%) !important; color: #ffffff !important; border: 2px solid rgba(255,255,255,.72) !important; box-shadow: 0 10px 24px rgba(236,167,33,.34), 0 0 0 6px rgba(236,167,33,.10), inset 0 1px 0 rgba(255,255,255,.35) !important; text-shadow: 0 1px 2px rgba(0,0,0,.22); animation: vtdMilestonePulse 3.8s ease-in-out infinite; } .vtd-about-premium .vtd-timeline-item:nth-child(2n) .vtd-timeline-year, .vtd-about-premium .vtd-timeline-item:nth-child(2n) .vtd-year, .vtd-about-premium .vtd-timeline-item:nth-child(2n) .vtd-timeline-dot, .vtd-about-premium .vtd-timeline-item:nth-child(2n) .vtd-milestone-year { animation-delay: .55s; } .vtd-about-premium .vtd-timeline-item:nth-child(3n) .vtd-timeline-year, .vtd-about-premium .vtd-timeline-item:nth-child(3n) .vtd-year, .vtd-about-premium .vtd-timeline-item:nth-child(3n) .vtd-timeline-dot, .vtd-about-premium .vtd-timeline-item:nth-child(3n) .vtd-milestone-year { animation-delay: 1.1s; } @keyframes vtdMilestonePulse { 0%, 100% { transform: scale(1); box-shadow: 0 10px 24px rgba(236,167,33,.34), 0 0 0 6px rgba(236,167,33,.10), inset 0 1px 0 rgba(255,255,255,.35); } 50% { transform: scale(1.07); box-shadow: 0 14px 30px rgba(236,167,33,.46), 0 0 0 10px rgba(236,167,33,.13), inset 0 1px 0 rgba(255,255,255,.42); } } .vtd-about-premium .vtd-timeline-card, .vtd-about-premium .vtd-milestone-card { position: relative; overflow: hidden; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; } .vtd-about-premium .vtd-timeline-card::before, .vtd-about-premium .vtd-milestone-card::before { content: ""; position: absolute; right: -90px; top: -90px; width: 190px; height: 190px; border-radius: 50%; background: radial-gradient(circle, rgba(236,167,33,.18), transparent 68%); opacity: .75; pointer-events: none; transition: transform .3s ease, opacity .3s ease; } .vtd-about-premium .vtd-timeline-card::after, .vtd-about-premium .vtd-milestone-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 0%, rgba(236,167,33,.10) 46%, transparent 60%); transform: translateX(-130%); pointer-events: none; } .vtd-about-premium .vtd-timeline-item:hover .vtd-timeline-card, .vtd-about-premium .vtd-timeline-card:hover, .vtd-about-premium .vtd-milestone-card:hover { transform: translateX(6px); border-color: rgba(236,167,33,.35) !important; box-shadow: 0 18px 42px rgba(0,0,0,.09); } .vtd-about-premium .vtd-timeline-item:hover .vtd-timeline-card::before, .vtd-about-premium .vtd-timeline-card:hover::before, .vtd-about-premium .vtd-milestone-card:hover::before { transform: scale(1.15); opacity: 1; } .vtd-about-premium .vtd-timeline-item:hover .vtd-timeline-card::after, .vtd-about-premium .vtd-timeline-card:hover::after, .vtd-about-premium .vtd-milestone-card:hover::after { animation: vtdMilestoneSweep 1.15s ease forwards; } @keyframes vtdMilestoneSweep { from { transform: translateX(-130%); } to { transform: translateX(130%); } } /* MOBIL IGAZÍTÁSOK */ @media (max-width: 767.98px) { .vtd-about-premium .vtd-team-body { text-align: center !important; align-items: center !important; } .vtd-about-premium .vtd-team-name, .vtd-about-premium .vtd-team-role, .vtd-about-premium .vtd-team-body p { text-align: center !important; } .vtd-about-premium .vtd-team-body::before { left: 50% !important; transform: translate(-50%, -3px) !important; } .vtd-about-premium .vtd-badges { justify-content: center !important; } .vtd-about-premium .vtd-team-role { justify-content: center !important; } } @media (max-width: 767.98px) { .vtd-about-premium .vtd-hero { text-align: center !important; } .vtd-about-premium .vtd-hero .row, .vtd-about-premium .vtd-hero [class*="col-"] { text-align: center !important; } .vtd-about-premium .vtd-hero-title, .vtd-about-premium .vtd-hero-text, .vtd-about-premium .vtd-hero .vtd-eyebrow { text-align: center !important; margin-left: auto !important; margin-right: auto !important; } .vtd-about-premium .vtd-hero-tags { justify-content: center !important; } .vtd-about-premium .vtd-hero .btn, .vtd-about-premium .vtd-hero .vtd-white-action-btn { margin-left: auto !important; margin-right: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } .vtd-about-premium .vtd-hero-visual { margin-left: auto !important; margin-right: auto !important; } } .vtd-about-premium .vtd-inline-link { color: #eca721; font-weight: 900; text-decoration: none; border-bottom: 1px solid rgba(236,167,33,.35); transition: color .22s ease, border-color .22s ease; } .vtd-about-premium .vtd-inline-link:hover { color: #111; border-color: #111; } .vtd-about-premium a.vtd-hero-tag { text-decoration: none; transition: transform .22s ease, box-shadow .22s ease, background .22s ease; } .vtd-about-premium a.vtd-hero-tag:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(0,0,0,.10); background: #111; color: #fff; } .vtd-about-premium .vtd-hero-mobile-action { display: none; } @media (max-width: 991.98px) { .vtd-about-premium .vtd-hero .col-lg-7 { text-align: center; } .vtd-about-premium .vtd-hero-text { margin-left: auto; margin-right: auto; } .vtd-about-premium .vtd-hero-tags { justify-content: center; } } @media (max-width: 767.98px) { .vtd-about-premium .vtd-hero .row { text-align: center; } .vtd-about-premium .vtd-hero-title, .vtd-about-premium .vtd-hero-text { text-align: center; margin-left: auto; margin-right: auto; } .vtd-about-premium .vtd-hero-tags { justify-content: center; margin-left: auto; margin-right: auto; } .vtd-about-premium .vtd-hero-btn-desktop { display: none !important; } .vtd-about-premium .vtd-hero-mobile-action { display: block; text-align: center; margin-top: 22px; position: relative; z-index: 2; } .vtd-about-premium .vtd-hero-mobile-action .btn { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; white-space: normal; line-height: 1.25; } } .vtd-about-premium .vtd-hero-btn-desktop { display: none !important; } .vtd-about-premium .vtd-hero-mobile-action { display: block !important; text-align: center; margin-top: 24px; position: relative; z-index: 2; } .vtd-about-premium .vtd-hero-mobile-action .btn { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; white-space: normal; line-height: 1.25; } @media (min-width: 768px) { .vtd-about-premium .vtd-hero-mobile-action { margin-top: 28px; } } @media (max-width: 767.98px) { .vtd-about-premium .vtd-hero-mini { width: auto !important; max-width: 150px !important; right: 10px !important; bottom: 8px !important; padding: 12px 14px !important; border-radius: 12px !important; box-shadow: 0 10px 22px rgba(0,0,0,.14) !important; } .vtd-about-premium .vtd-hero-mini strong { font-size: 1.28rem !important; line-height: 1 !important; margin-bottom: 4px !important; } .vtd-about-premium .vtd-hero-mini span { font-size: .76rem !important; line-height: 1.32 !important; font-weight: 800 !important; } .vtd-about-premium .vtd-hero-mini .btn { display: none !important; } } /* EREDETI IKONOK ÉS HOVER-EFFEKTEK */ .vtd-about-premium .vtd-value-card, .vtd-about-premium .vtd-system-step, .vtd-about-premium .vtd-process-card { position: relative; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .vtd-about-premium .vtd-value-card::before, .vtd-about-premium .vtd-system-step::before, .vtd-about-premium .vtd-process-card::before { content: ""; position: absolute; top: -42px; right: -42px; width: 96px; height: 96px; background: radial-gradient(circle, rgba(236,167,33,.14), transparent 68%); opacity: 0; transition: opacity .25s ease, transform .25s ease; pointer-events: none; } .vtd-about-premium .vtd-value-card:hover, .vtd-about-premium .vtd-system-step:hover, .vtd-about-premium .vtd-process-card:hover { transform: translateY(-5px); border-color: rgba(236,167,33,.45); box-shadow: 0 18px 38px rgba(0,0,0,.075); } .vtd-about-premium .vtd-value-card:hover::before, .vtd-about-premium .vtd-system-step:hover::before, .vtd-about-premium .vtd-process-card:hover::before { opacity: 1; transform: scale(1.08); } .vtd-about-premium .vtd-value-icon, .vtd-about-premium .vtd-system-icon, .vtd-about-premium .vtd-process-number { width: 64px; height: 64px; border-radius: 50%; margin: 0 0 18px; background: radial-gradient(circle at top right, rgba(255,255,255,.82), transparent 42%), rgba(236,167,33,.13); color: #eca721; box-shadow: 0 12px 26px rgba(236,167,33,.12); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 64px; font-size: 0; transition: transform .25s ease, background-color .25s ease, color .25s ease, box-shadow .25s ease; } .vtd-about-premium .vtd-system-icon { margin-left: auto; margin-right: auto; } .vtd-about-premium .vtd-value-card:hover .vtd-value-icon, .vtd-about-premium .vtd-system-step:hover .vtd-system-icon, .vtd-about-premium .vtd-process-card:hover .vtd-process-number { background: #eca721; color: #fff; transform: translateY(-3px) scale(1.04); box-shadow: 0 18px 34px rgba(236,167,33,.26); } .vtd-about-premium .vtd-value-icon img, .vtd-about-premium .vtd-system-icon img, .vtd-about-premium .vtd-process-number img { display: block; width: 34px; height: 34px; object-fit: contain; filter: brightness(0) saturate(100%) invert(62%) sepia(87%) saturate(672%) hue-rotate(354deg) brightness(95%) contrast(91%); transition: filter .25s ease, transform .25s ease, opacity .25s ease; } .vtd-about-premium .vtd-value-card:hover .vtd-value-icon img, .vtd-about-premium .vtd-system-step:hover .vtd-system-icon img, .vtd-about-premium .vtd-process-card:hover .vtd-process-number img { filter: brightness(0) invert(1); transform: scale(1.04); } .vtd-about-premium .vtd-value-card > *, .vtd-about-premium .vtd-system-step > *, .vtd-about-premium .vtd-process-card > * { position: relative; z-index: 2; } @media (max-width: 767.98px) { .vtd-about-premium .vtd-value-card, .vtd-about-premium .vtd-system-step, .vtd-about-premium .vtd-process-card { text-align: center; align-items: center; justify-content: center; } .vtd-about-premium .vtd-value-card h3, .vtd-about-premium .vtd-value-card p, .vtd-about-premium .vtd-system-step h3, .vtd-about-premium .vtd-system-step p, .vtd-about-premium .vtd-process-card h3, .vtd-about-premium .vtd-process-card p { text-align: center; margin-left: auto; margin-right: auto; } .vtd-about-premium .vtd-value-icon, .vtd-about-premium .vtd-system-icon, .vtd-about-premium .vtd-process-number { margin-left: auto; margin-right: auto; } } /* LETISZTULTABB BLOKKOK A CSAPAT ALATT */ .vtd-about-premium .vtd-card.vtd-calm-section { background: #fff; border: 1px solid #e9e9e9; border-radius: 14px; box-shadow: 0 6px 20px rgba(0,0,0,.035); animation: none; opacity: 1; transform: none; transition: none; } .vtd-about-premium .vtd-card.vtd-calm-section.vtd-card-soft { background: #f7f7f7; } .vtd-about-premium .vtd-card.vtd-calm-section:hover { transform: none; border-color: #e9e9e9; box-shadow: 0 6px 20px rgba(0,0,0,.035); } .vtd-about-premium .vtd-card.vtd-calm-section::before, .vtd-about-premium .vtd-card.vtd-calm-section::after, .vtd-about-premium .vtd-calm-section .vtd-value-card::before, .vtd-about-premium .vtd-calm-section .vtd-value-card::after, .vtd-about-premium .vtd-calm-section .vtd-system-step::before, .vtd-about-premium .vtd-calm-section .vtd-system-step::after, .vtd-about-premium .vtd-calm-section .vtd-process-card::before, .vtd-about-premium .vtd-calm-section .vtd-process-card::after { content: none; display: none; animation: none; } .vtd-about-premium .vtd-calm-section .vtd-value-card, .vtd-about-premium .vtd-calm-section .vtd-system-step, .vtd-about-premium .vtd-calm-section .vtd-process-card, .vtd-about-premium .vtd-calm-section .vtd-ref-card, .vtd-about-premium .vtd-calm-section .vtd-timeline-content { border-radius: 14px; box-shadow: 0 3px 12px rgba(0,0,0,.025); } /* SZABÁLYOS SÁRGA KÖRÖK, FEHÉR ÉVSZÁMOK */ .vtd-about-premium .vtd-calm-section .vtd-timeline::before { left: 27px; top: 28px; bottom: 28px; background: #e6e6e6 !important; box-shadow: none; } .vtd-about-premium .vtd-calm-section .vtd-timeline-item { padding-left: 78px; min-height: 56px; } .vtd-about-premium .vtd-calm-section .vtd-timeline-year { position: absolute; left: 0; top: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 56px; min-width: 56px; max-width: 56px; height: 56px; min-height: 56px; max-height: 56px; aspect-ratio: 1 / 1; padding: 0; margin: 0; border: 0 !important; border-radius: 50%; background: #eca721 !important; color: #fff !important; box-shadow: none !important; text-shadow: none; font-size: 14px; font-weight: 800; line-height: 1; letter-spacing: 0; white-space: nowrap; animation: none; transform: none; transition: none; } @media (max-width: 767.98px) { .vtd-about-premium .vtd-calm-section .vtd-timeline::before { left: 23px; top: 24px; bottom: 24px; } .vtd-about-premium .vtd-calm-section .vtd-timeline-item { padding-left: 62px; min-height: 48px; } .vtd-about-premium .vtd-calm-section .vtd-timeline-year { width: 48px; min-width: 48px; max-width: 48px; height: 48px; min-height: 48px; max-height: 48px; font-size: 13px; } } /* A CSAPATKÉPEKRŐL A CSILLOGÁS KIKAPCSOLVA */ .vtd-about-premium .vtd-team-top::after { content: none; display: none; animation: none; } --></style> <div class="vtd-hero"> <div class="row align-items-center"> <div class="col-lg-7"><span class="vtd-eyebrow" style="color: #ffffff;">Vteamdesign / márka, design, web</span> <h1 class="vtd-hero-title"><span style="color: #ffffff;">Mi nem sablonokban gondolkodunk.</span> <span>Hanem márkákban.</span></h1> <p class="vtd-hero-text"><span style="color: #ffffff;">A Vteamdesignnál a design nem dekoráció, a weboldal nem csak egy online névjegy, az arculat pedig nem csak egy</span> <span style="color: #ffffff;"><a class="vtd-inline-link" href="/Szolgaltatasaink/Logo-tervezes" title="Logótervezés"><span style="color: #ffffff;">logó</span></a>.</span><span style="color: #ffffff;"> Olyan vizuális és digitális rendszereket tervezünk, amelyek segítik a vállalkozásokat felismerhetőbbé, hitelesebbé és emlékezetesebbé válni.</span></p> <div class="vtd-hero-tags"><span class="vtd-hero-tag">Arculattervezés</span> <span class="vtd-hero-tag">Grafikai tervezés</span> <span class="vtd-hero-tag">Weboldal készítés</span> <span class="vtd-hero-tag">Digitális márkaépítés</span> <span class="vtd-hero-tag">Fejlesztés</span></div> </div> <div class="col-lg-5"> <div class="vtd-hero-visual"> <div class="vtd-floating-board vtd-board-small-1"><img title="Social media grafikai referencia" src="https://vteamdesign.hu/images/referencia/33/kt/hoppla-social-media-kreativok.jpg" alt="Vteamdesign social media grafikai referencia" /></div> <div class="vtd-floating-board vtd-board-main"><img title="Webdesign és arculati referencia" src="https://vteamdesign.hu/images/referencia/41/kt/rekord-uzlethaz-webaruhaz-ui-design-arculat.png" alt="Vteamdesign webdesign és arculati referencia" /></div> <div class="vtd-floating-board vtd-board-small-2"><img title="Csomagolás és branding referencia" src="https://vteamdesign.hu/images/referencia/43/kt/napivacsi-termekcsomag-arculattervezes-branding.jpg" alt="Vteamdesign csomagolás és branding referencia" /></div> <div class="vtd-hero-mini"><strong>15+ év</strong> <span>vizuális és digitális projektekben, kódolásban</span></div> </div> </div> </div> </div> <div class="vtd-card"> <div class="text-center" style="max-width: 920px; margin: 0 auto 30px;"><span class="vtd-eyebrow">A csapat</span> <h2 class="h3 mb-2">Kik dolgoznak a Vteamdesign mögött?</h2> <div class="vtd-line"></div> <p class="vtd-lead">Egy kis csapat vagyunk, nagy vizuális és digitális gondolkodással. A kreatív irány, a márkaépítési szemlélet és a fejlesztői háttér egy helyen találkozik.</p> </div> <div class="row"> <div class="col-lg-4 mb-4" style="display: flex;"> <div class="vtd-team-card"> <div class="vtd-team-top"><img title="Vagner Róbert - vizuális brand designer" src="https://vteamdesign.hu/images/kepek/1781005732Fh1N7.jpg" alt="Vagner Róbert vizuális brand designer" /></div> <div class="vtd-team-body"><span class="vtd-team-name">Vagner Róbert</span> <span class="vtd-team-role">vizuális brand designer</span> <p>Arculati, grafikai és online megjelenéseket tervezek üzleti szemlélettel. A célom, hogy a látvány ne csak szép legyen, hanem felismerhető márkát és működő vizuális irányt építsen.</p> <div class="vtd-badges"><span class="vtd-badge">arculat</span> <span class="vtd-badge">grafika</span> <span class="vtd-badge">vizuális stratégia</span></div> </div> </div> </div> <div class="col-lg-4 mb-4" style="display: flex;"> <div class="vtd-team-card"> <div class="vtd-team-top"><img title="Vagner M. Anna - digitális márkaépítési szakértő" src="https://vteamdesign.hu/images/kepek/1781010119yrWjJ.jpg" alt="Vagner M. Anna digitális márkaépítési szakértő" width="1122" height="1402" /></div> <div class="vtd-team-body"><span class="vtd-team-name">Medvedovszky Anna</span> <span class="vtd-team-role">márkaépítés</span> <p>Rendszerszintű szemlélettel segítem a vizuális és online megoldások összehangolását. A cél, hogy a lehetőségekből valódi, mérhető üzleti eredmény szülessen.</p> <div class="vtd-badges"><span class="vtd-badge">márkaépítés</span> <span class="vtd-badge">marketing</span> <span class="vtd-badge">rendszer</span></div> </div> </div> </div> <div class="col-lg-4 mb-4" style="display: flex;"> <div class="vtd-team-card"> <div class="vtd-team-top"><img title="Vagner Richard - senior full-stack fejlesztő" src="https://vteamdesign.hu/images/kepek/1781979692mXDvT.jpg" alt="Vagner Richard senior full-stack fejlesztő" width="1122" height="1402" /></div> <div class="vtd-team-body"><span class="vtd-team-name">Vagner Richard</span> <span class="vtd-team-role">senior full-stack fejlesztő</span> <p>Stabil, skálázható és hosszú távon működő digitális megoldásokon dolgozom. A fejlesztői háttér biztosítja, hogy a design mögött megbízható rendszer álljon.</p> <div class="vtd-badges"><span class="vtd-badge">fejlesztés</span> <span class="vtd-badge">rendszerek</span> <span class="vtd-badge">automatizáció</span></div> </div> </div> </div> </div> </div> <div class="vtd-card vtd-calm-section vtd-onehand-redesign"> <div class="text-center" style="max-width: 920px; margin: 0 auto;"><span class="vtd-eyebrow">Egy kézben a teljes vizuális és digitális út</span> <h2 class="h3 mb-2">A márkaépítés nálunk nem különálló feladatokból áll</h2> <div class="vtd-line"></div> <p class="vtd-lead">A stratégia, az <a class="vtd-inline-link" href="/Szolgaltatasaink/Arculattervezes" title="Arculattervezés">arculat</a>, a <a class="vtd-inline-link" href="/Szolgaltatasaink/Grafika-tervezes" title="Grafikai tervezés">grafikai anyagok</a>, a <a class="vtd-inline-link" href="/Szolgaltatasaink/Weboldal-keszites" title="Weboldal készítés">webes megjelenés</a> és a fejlesztés akkor működik igazán jól, ha egymásra épülnek. Ezért a Vteamdesignnál nem csak egy-egy részfeladatban gondolkodunk, hanem abban, hogyan áll össze a teljes vizuális és digitális rendszer.</p> </div> <div class="vtd-system-map"> <div class="row"> <div class="col-md-6 col-lg mb-4" style="display: flex;"> <div class="vtd-system-step"> <div aria-hidden="true" class="vtd-system-icon"><img src="https://vteamdesign.hu/images/ikonok/target.svg" alt="" /></div> <h3>Stratégia</h3> <p>Megértjük a célokat, a célközönséget és azt, milyen irányba kell vinni a márkát.</p> </div> </div> <div class="col-md-6 col-lg mb-4" style="display: flex;"> <div class="vtd-system-step"> <div aria-hidden="true" class="vtd-system-icon"><img src="https://vteamdesign.hu/images/ikonok/swatches.svg" alt="" /></div> <h3>Arculat</h3> <p>Felépítjük a vizuális alapokat: logó, színek, tipográfia és márkakarakter.</p> </div> </div> <div class="col-md-6 col-lg mb-4" style="display: flex;"> <div class="vtd-system-step"> <div aria-hidden="true" class="vtd-system-icon"><img src="https://vteamdesign.hu/images/ikonok/palette.svg" alt="" /></div> <h3>Grafika</h3> <p>Az arculatból működő online és print anyagok, kampányok és kreatívok készülnek.</p> </div> </div> <div class="col-md-6 col-lg mb-4" style="display: flex;"> <div class="vtd-system-step"> <div aria-hidden="true" class="vtd-system-icon"><img src="https://vteamdesign.hu/images/ikonok/browser.svg" alt="" /></div> <h3>Web</h3> <p>A márka online felülete átlátható struktúrával, jó felhasználói útvonalakkal épül fel.</p> </div> </div> <div class="col-md-6 col-lg mb-4" style="display: flex;"> <div class="vtd-system-step"> <div aria-hidden="true" class="vtd-system-icon"><img src="https://vteamdesign.hu/images/ikonok/code.svg" alt="" /></div> <h3>Fejlesztés</h3> <p>A látvány mögé stabil, bővíthető és hosszú távon működő technikai háttér kerül.</p> </div> </div> </div> </div> <div class="vtd-system-note">Így nem külön életet él a logó, a grafika, a weboldal és a fejlesztés, hanem egy egységes, felismerhető és hosszú távon is használható márkarendszerré áll össze.</div> </div> <div class="vtd-card vtd-calm-section vtd-card-soft"> <div class="text-center" style="max-width: 920px; margin: 0 auto 30px;"><span class="vtd-eyebrow">Miért más ez a szemlélet?</span> <h2 class="h3 mb-2">Nem különálló elemeket készítünk, hanem összefüggő márkarendszert</h2> <div class="vtd-line"></div> <p class="vtd-lead">A jó design számunkra nem öncélú látvány. Akkor működik igazán, ha érthetőbbé teszi az ajánlatot, bizalmat épít, segíti a döntést, és következetesen képviseli a márkát minden felületen.</p> </div> <div class="row"> <div class="col-md-6 col-lg-4 mb-4" style="display: flex;"> <div class="vtd-value-card"> <div aria-hidden="true" class="vtd-value-icon"><img src="https://vteamdesign.hu/images/ikonok/target.svg" alt="" /></div> <h3>Üzleti célhoz igazított design</h3> <p>Nem csak azt nézzük, mi mutat jól, hanem azt is, hogyan támogatja a design az érdeklődést, ajánlatkérést vagy vásárlást.</p> </div> </div> <div class="col-md-6 col-lg-4 mb-4" style="display: flex;"> <div class="vtd-value-card"> <div aria-hidden="true" class="vtd-value-icon"><img src="https://vteamdesign.hu/images/ikonok/code.svg" alt="" /></div> <h3>Design és fejlesztés együtt</h3> <p>A látvány mögött technikai gondolkodás is van, így az elkészült online megoldás nemcsak szép, hanem használható és bővíthető is.</p> </div> </div> <div class="col-md-6 col-lg-4 mb-4" style="display: flex;"> <div class="vtd-value-card"> <div aria-hidden="true" class="vtd-value-icon"><img src="https://vteamdesign.hu/images/ikonok/trend-up.svg" alt="" /></div> <h3>Hosszú távú vizuális irány</h3> <p>Olyan arculati és grafikai alapokat tervezünk, amelyek később kampányokban, weboldalon, print anyagokon és social felületeken is működnek.</p> </div> </div> </div> </div> <div class="vtd-card vtd-calm-section"> <div class="text-center" style="max-width: 920px; margin: 0 auto 30px;"><span class="vtd-eyebrow">Referenciák röviden</span> <h2 class="h3 mb-2">Akiknek már segítettünk vizuális és digitális megjelenésben</h2> <div class="vtd-line"></div> <p class="vtd-lead">A munkáink között arculattervezés, grafikai tervezés, webdesign, csomagolás, social kreatív és digitális megjelenés is megtalálható. <a class="vtd-inline-link" href="/Referenciaink" title="Vteamdesign referenciák">További referenciáink</a>.</p> </div> <div class="row"> <div class="col-md-6 col-lg-3 mb-4"> <div class="vtd-ref-card"><img title="Hoppla grafikai tervezés" src="https://vteamdesign.hu/images/referencia/33/kt/hoppla-facebook-poszt-grafikai-tervezes.jpg" alt="Hoppla grafikai tervezés referencia" /> <div class="vtd-ref-body"><strong>Hoppla</strong> <span>social kreatívok, grafikai megjelenés</span></div> </div> </div> <div class="col-md-6 col-lg-3 mb-4"> <div class="vtd-ref-card"><img title="Rekord Üzletház webdesign" src="https://vteamdesign.hu/images/referencia/41/kt/rekord-uzlethaz-webaruhaz-ui-design-arculat.png" alt="Rekord Üzletház webdesign referencia" /> <div class="vtd-ref-body"><strong>Rekord Üzletház</strong> <span>arculat, webdesign, digitális felület</span></div> </div> </div> <div class="col-md-6 col-lg-3 mb-4"> <div class="vtd-ref-card"><img title="Napi Vacsi csomagolás és arculattervezés" src="https://vteamdesign.hu/images/referencia/43/kt/napivacsi-termekcsomag-arculattervezes-branding.jpg" alt="Napi Vacsi csomagolás és arculattervezés referencia" /> <div class="vtd-ref-body"><strong>Napi Vacsi</strong> <span>csomagolás, branding, termékmegjelenés</span></div> </div> </div> <div class="col-md-6 col-lg-3 mb-4"> <div class="vtd-ref-card"><img title="Frühwald kampánygrafika" src="https://vteamdesign.hu/images/referencia/44/kt/fruhwald-facebook-posztok-kozossegi-media-mockup.jpg" alt="Frühwald social media és kampánygrafika referencia" /> <div class="vtd-ref-body"><strong>Frühwald</strong> <span>kampánygrafika, social megjelenés</span></div> </div> </div> </div> </div> <div class="vtd-card vtd-calm-section vtd-card-soft"> <div class="text-center" style="max-width: 920px; margin: 0 auto 30px;"><span class="vtd-eyebrow">Így dolgozunk</span> <h2 class="h3 mb-2">Átlátható folyamat az ötlettől a megvalósításig</h2> <div class="vtd-line"></div> <p class="vtd-lead">Minden projekt más, de a cél mindig ugyanaz: olyan megoldást készíteni, amely illeszkedik a vállalkozás céljaihoz, a célközönséghez és a hosszú távú márkaépítéshez.</p> </div> <div class="row"> <div class="col-md-6 col-lg mb-4" style="display: flex;"> <div class="vtd-process-card"> <div aria-hidden="true" class="vtd-process-number"><img src="https://vteamdesign.hu/images/ikonok/chat-circle-text.svg" alt="" /></div> <h3>Igényfelmérés</h3> <p>Átbeszéljük a célokat, az aktuális helyzetet, a szükséges anyagokat és a projekt üzleti hátterét.</p> </div> </div> <div class="col-md-6 col-lg mb-4" style="display: flex;"> <div class="vtd-process-card"> <div aria-hidden="true" class="vtd-process-number"><img src="https://vteamdesign.hu/images/ikonok/selection.svg" alt="" /></div> <h3>Stratégiai irány</h3> <p>Meghatározzuk, milyen vizuális, tartalmi vagy technikai megoldás szolgálja legjobban a célt.</p> </div> </div> <div class="col-md-6 col-lg mb-4" style="display: flex;"> <div class="vtd-process-card"> <div aria-hidden="true" class="vtd-process-number"><img src="https://vteamdesign.hu/images/ikonok/pen-nib.svg" alt="" /></div> <h3>Tervezés</h3> <p>Elkészül a design, arculat, grafikai anyag vagy webes struktúra a kiválasztott irány alapján.</p> </div> </div> <div class="col-md-6 col-lg mb-4" style="display: flex;"> <div class="vtd-process-card"> <div aria-hidden="true" class="vtd-process-number"><img src="https://vteamdesign.hu/images/ikonok/code.svg" alt="" /></div> <h3>Megvalósítás</h3> <p>A látványból használható, technikailag rendezett, online vagy offline felhasználásra kész anyag készül.</p> </div> </div> <div class="col-md-6 col-lg mb-4" style="display: flex;"> <div class="vtd-process-card"> <div aria-hidden="true" class="vtd-process-number"><img src="https://vteamdesign.hu/images/ikonok/rocket-launch.svg" alt="" /></div> <h3>Átadás</h3> <p>Átadjuk a végleges anyagokat, és igény szerint segítünk a további felhasználásban vagy bővítésben.</p> </div> </div> </div> </div> <div class="vtd-card vtd-calm-section"> <div class="text-center" style="max-width: 920px; margin: 0 auto 30px;"><span class="vtd-eyebrow">Mérföldkövek</span> <h2 class="h3 mb-2">Több mint 15+ év fejlődés röviden</h2> <div class="vtd-line"></div> <p class="vtd-lead">A Vteamdesign története a weboldalkészítéssel indult, majd fokozatosan bővült arculattervezéssel, grafikai tervezéssel, egyedi fejlesztésekkel és modern, AI-támogatott munkafolyamatokkal.</p> </div> <div class="vtd-timeline"> <div class="vtd-timeline-item"> <div class="vtd-timeline-year">2008</div> <div class="vtd-timeline-content"> <h3>Elindultunk a weboldalkészítés világában</h3> <p>Kis- és középvállalkozások számára kezdtünk modern, jól használható weboldalakat készíteni.</p> </div> </div> <div class="vtd-timeline-item"> <div class="vtd-timeline-year">2010</div> <div class="vtd-timeline-content"> <h3>Bővültünk arculattervezéssel és offline grafikával</h3> <p>A webes munkák mellett egyre nagyobb szerepet kapott a marketing, a céges arculat és a nyomtatott grafikai anyagok tervezése.</p> </div> </div> <div class="vtd-timeline-item"> <div class="vtd-timeline-year">2016</div> <div class="vtd-timeline-content"> <h3>Nagyobb márkák és komplexebb projektek</h3> <p>Magyar és nemzetközi vállalatok arculati, grafikai és webes megjelenésén dolgoztunk, miközben tovább fejlesztettük saját technikai hátterünket.</p> </div> </div> <div class="vtd-timeline-item"> <div class="vtd-timeline-year">2023</div> <div class="vtd-timeline-content"> <h3>AI-alapú eszközök a munkafolyamatban</h3> <p>Aktívan integráltuk a mesterséges intelligenciát az elemzési, tervezési és döntés-előkészítési folyamatokba.</p> </div> </div> <div class="vtd-timeline-item"> <div class="vtd-timeline-year">2025</div> <div class="vtd-timeline-content"> <h3>Innováció és stratégiai gondolkodás</h3> <p>A cél a jövőálló, skálázható és üzletileg is átgondolt digitális és vizuális megoldások készítése.</p> </div> </div> </div> </div> <div class="vtd-dark-cta"> <h2><span style="color: #ffffff;">Készen áll arra, hogy márkája komolyabb szintre lépjen?</span></h2> <p><span style="color: #ffffff;">Ha arculatra, grafikai tervezésre, weboldalra vagy komplex digitális megjelenésre van szüksége, segítünk átgondolni a lehetőségeket, és olyan megoldást készítünk, amely illeszkedik vállalkozása céljaihoz.</span></p> <a class="btn btn--strong btn--border-white vtd-white-action-btn" href="#arajanlat" data-vteam-quote-open="" style="text-decoration: none; font-size: 18px; padding: 16px 36px;" title="Ajánlatkérés Vteamdesign szolgáltatásokra">Ajánlatot kérek</a></div> <script type="text/javascript">// <![CDATA[ (function () { var section = document.querySelector('.vtd-about-premium .vtd-hero'); if (!section) return; var items = [ { el: section.querySelector('.vtd-board-small-1'), desktopMove: -42, mobileMove: -22, rotate: -3.4, x: -12, idle: 6 }, { el: section.querySelector('.vtd-board-main'), desktopMove: 34, mobileMove: 18, rotate: 2.2, x: 10, idle: -5 }, { el: section.querySelector('.vtd-board-small-2'), desktopMove: -30, mobileMove: -16, rotate: 2.8, x: 14, idle: 7 }, { el: section.querySelector('.vtd-hero-mini'), desktopMove: 42, mobileMove: 20, rotate: -1.2, x: -8, idle: -4 } ].filter(function (item) { return !!item.el; }); if (!items.length) return; var prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)'); var ticking = false; var latestProgress = 0; var latestIdle = 0; function clamp(value, min, max) { return Math.max(min, Math.min(max, value)); } function isMobile() { return window.innerWidth < 768; } function resetTransforms() { items.forEach(function (item) { item.el.style.transform = 'translate3d(0, 0, 0) rotate(0deg) scale(1)'; }); } function calculateProgress() { var rect = section.getBoundingClientRect(); var viewportHeight = window.innerHeight || document.documentElement.clientHeight; var sectionCenter = rect.top + (rect.height / 2); var viewportCenter = viewportHeight / 2; return clamp((viewportCenter - sectionCenter) / (viewportHeight * 0.62), -1, 1); } function applyMotion() { if (prefersReducedMotion.matches) { resetTransforms(); return; } var mobile = isMobile(); items.forEach(function (item, index) { var move = mobile ? item.mobileMove : item.desktopMove; var rotateStrength = mobile ? 0.55 : 1; var xStrength = mobile ? 0.45 : 1; var scale = 1 + (Math.abs(latestProgress) * (mobile ? 0.012 : 0.018)); var y = latestProgress * move + Math.sin(latestIdle + index) * (mobile ? item.idle * 0.45 : item.idle); var x = latestProgress * item.x * xStrength; var r = latestProgress * item.rotate * rotateStrength; item.el.style.transform = 'translate3d(' + x.toFixed(2) + 'px, ' + y.toFixed(2) + 'px, 0) ' + 'rotate(' + r.toFixed(2) + 'deg) ' + 'scale(' + scale.toFixed(3) + ')'; }); } function updateParallax() { ticking = false; latestProgress = calculateProgress(); applyMotion(); } function requestTick() { if (!ticking) { window.requestAnimationFrame(updateParallax); ticking = true; } } function idleLoop(time) { latestIdle = time / 1450; applyMotion(); window.requestAnimationFrame(idleLoop); } window.addEventListener('scroll', requestTick, { passive: true }); window.addEventListener('resize', requestTick); window.addEventListener('load', requestTick); if (prefersReducedMotion.addEventListener) { prefersReducedMotion.addEventListener('change', requestTick); } else if (prefersReducedMotion.addListener) { prefersReducedMotion.addListener(requestTick); } requestTick(); window.requestAnimationFrame(idleLoop); })(); // ]]></script> </section>" ["tartalom"]=> string(0) "" ["kep"]=> string(0) "" ["cimke"]=> string(0) "" ["title"]=> string(109) "Csapatunk, tájékozódjon cégünkről és rólunk.- Vteamdesign" ["description"]=> string(209) "Cégünk története mely segítségével eldöntheti mióta foglalkozunk webes fejlesztésekkel avagy weboldalak készítésével." ["keywords"]=> string(0) "" ["datum"]=> string(10) "2015-08-04" ["ora"]=> string(8) "09:56:48" ["pozicio"]=> string(0) "" ["megjelenes"]=> string(2) "10" ["aloldal"]=> string(1) "0" ["fooldal"]=> string(1) "0" ["cikk"]=> string(1) "0" ["sorrend"]=> string(1) "0" ["nyelv"]=> string(2) "hu" ["lathato"]=> string(1) "I" ["fejleckep"]=> NULL ["fejleckepalt"]=> NULL ["kod"]=> NULL ["lejarat"]=> NULL ["meta"]=> NULL }
A Vteamdesignnál a design nem dekoráció, a weboldal nem csak egy online névjegy, az arculat pedig nem csak egy logó. Olyan vizuális és digitális rendszereket tervezünk, amelyek segítik a vállalkozásokat felismerhetőbbé, hitelesebbé és emlékezetesebbé válni.



Egy kis csapat vagyunk, nagy vizuális és digitális gondolkodással. A kreatív irány, a márkaépítési szemlélet és a fejlesztői háttér egy helyen találkozik.

Arculati, grafikai és online megjelenéseket tervezek üzleti szemlélettel. A célom, hogy a látvány ne csak szép legyen, hanem felismerhető márkát és működő vizuális irányt építsen.

Rendszerszintű szemlélettel segítem a vizuális és online megoldások összehangolását. A cél, hogy a lehetőségekből valódi, mérhető üzleti eredmény szülessen.

Stabil, skálázható és hosszú távon működő digitális megoldásokon dolgozom. A fejlesztői háttér biztosítja, hogy a design mögött megbízható rendszer álljon.
A stratégia, az arculat, a grafikai anyagok, a webes megjelenés és a fejlesztés akkor működik igazán jól, ha egymásra épülnek. Ezért a Vteamdesignnál nem csak egy-egy részfeladatban gondolkodunk, hanem abban, hogyan áll össze a teljes vizuális és digitális rendszer.
Megértjük a célokat, a célközönséget és azt, milyen irányba kell vinni a márkát.
Felépítjük a vizuális alapokat: logó, színek, tipográfia és márkakarakter.
Az arculatból működő online és print anyagok, kampányok és kreatívok készülnek.
A márka online felülete átlátható struktúrával, jó felhasználói útvonalakkal épül fel.
A látvány mögé stabil, bővíthető és hosszú távon működő technikai háttér kerül.
A jó design számunkra nem öncélú látvány. Akkor működik igazán, ha érthetőbbé teszi az ajánlatot, bizalmat épít, segíti a döntést, és következetesen képviseli a márkát minden felületen.
Nem csak azt nézzük, mi mutat jól, hanem azt is, hogyan támogatja a design az érdeklődést, ajánlatkérést vagy vásárlást.
A látvány mögött technikai gondolkodás is van, így az elkészült online megoldás nemcsak szép, hanem használható és bővíthető is.
Olyan arculati és grafikai alapokat tervezünk, amelyek később kampányokban, weboldalon, print anyagokon és social felületeken is működnek.
A munkáink között arculattervezés, grafikai tervezés, webdesign, csomagolás, social kreatív és digitális megjelenés is megtalálható. További referenciáink.
Minden projekt más, de a cél mindig ugyanaz: olyan megoldást készíteni, amely illeszkedik a vállalkozás céljaihoz, a célközönséghez és a hosszú távú márkaépítéshez.
Átbeszéljük a célokat, az aktuális helyzetet, a szükséges anyagokat és a projekt üzleti hátterét.
Meghatározzuk, milyen vizuális, tartalmi vagy technikai megoldás szolgálja legjobban a célt.
Elkészül a design, arculat, grafikai anyag vagy webes struktúra a kiválasztott irány alapján.
A látványból használható, technikailag rendezett, online vagy offline felhasználásra kész anyag készül.
Átadjuk a végleges anyagokat, és igény szerint segítünk a további felhasználásban vagy bővítésben.
A Vteamdesign története a weboldalkészítéssel indult, majd fokozatosan bővült arculattervezéssel, grafikai tervezéssel, egyedi fejlesztésekkel és modern, AI-támogatott munkafolyamatokkal.
Kis- és középvállalkozások számára kezdtünk modern, jól használható weboldalakat készíteni.
A webes munkák mellett egyre nagyobb szerepet kapott a marketing, a céges arculat és a nyomtatott grafikai anyagok tervezése.
Magyar és nemzetközi vállalatok arculati, grafikai és webes megjelenésén dolgoztunk, miközben tovább fejlesztettük saját technikai hátterünket.
Aktívan integráltuk a mesterséges intelligenciát az elemzési, tervezési és döntés-előkészítési folyamatokba.
A cél a jövőálló, skálázható és üzletileg is átgondolt digitális és vizuális megoldások készítése.
Ha arculatra, grafikai tervezésre, weboldalra vagy komplex digitális megjelenésre van szüksége, segítünk átgondolni a lehetőségeket, és olyan megoldást készítünk, amely illeszkedik vállalkozása céljaihoz.
Ajánlatot kérek


































