Digital Marketing Agency Near Me in Vancouver, WA | Croc's and Clicks *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --primary: #F4B6C2; --primary-dark: #c4687a; --primary-light: #fce8ed; --accent: #2B2B2B; --white: #FFFFFF; --cream: #F8F4F0; --cream-dark: #e8e0d8; --text: #3d3d3d; --text-muted: #6b6b6b; --shadow-sm: 0 2px 8px rgba(0,0,0,0.06); --shadow-md: 0 8px 24px rgba(0,0,0,0.1); --shadow-lg: 0 20px 48px rgba(0,0,0,0.14); --radius-sm: 8px; --radius-md: 12px; --radius-lg: 20px; --transition: all 0.25s ease; --container: 1280px; } html { scroll-behavior: smooth; } body { font-family: 'Outfit', sans-serif; color: var(--text); background: var(--white); line-height: 1.6; overflow-x: hidden; } h1,h2,h3,h4,h5 { font-family: 'Fraunces', serif; line-height: 1.15; } a { text-decoration: none; color: inherit; } img { max-width: 100%; display: block; } .container { max-width: var(--container); margin: 0 auto; padding: 0 24px; } .section-tag { display: inline-block; background: var(--primary-light); color: var(--primary-dark); padding: 6px 14px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 16px; } .section-header { text-align: center; max-width: 680px; margin: 0 auto 60px; } .section-header h2 { font-size: clamp(2rem, 4vw, 2.75rem); color: var(--accent); margin-bottom: 16px; } .section-header p { color: var(--text-muted); font-size: 1.05rem; line-height: 1.7; } .btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 28px; border-radius: var(--radius-sm); font-family: 'Outfit', sans-serif; font-size: 0.95rem; font-weight: 600; cursor: pointer; transition: var(--transition); border: 2px solid transparent; text-decoration: none; } .btn-primary { background: var(--primary); color: var(--accent); } .btn-primary:hover { background: var(--primary-dark); color: var(--white); } .btn-secondary { background: transparent; color: var(--accent); border-color: var(--accent); } .btn-secondary:hover { background: var(--accent); color: var(--white); } /* ── Animations ── */ @keyframes fadeInUp { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } } @keyframes fadeInRight { from { opacity:0; transform:translateX(20px); } to { opacity:1; transform:translateX(0); } } /* ── Nav ── */ .navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 0; transition: var(--transition); background: rgba(255,255,255,0.97); backdrop-filter: blur(8px); box-shadow: var(--shadow-sm); } .navbar.scrolled { background: rgba(255,255,255,0.97); box-shadow: var(--shadow-sm); backdrop-filter: blur(8px); } .nav-inner { display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; max-width: 1280px; margin: 0 auto; } .logo { display: flex; align-items: center; gap: 10px; font-family: 'Fraunces', serif; font-size: 1.25rem; font-weight: 700; color: var(--accent); } .logo-icon { width: 48px; height: 48px; object-fit: contain; } .nav-links { display: flex; align-items: center; gap: 32px; list-style: none; } .nav-links a { font-size: 0.9rem; font-weight: 500; color: var(--accent); transition: color 0.2s; } .nav-links a:hover { color: var(--primary-dark); } .nav-cta { background: var(--primary); color: var(--accent) !important; padding: 10px 20px; border-radius: var(--radius-sm); font-weight: 600 !important; } .nav-cta:hover { background: var(--primary-dark); color: var(--white) !important; } .nav-dropdown { position: relative; } .nav-dropdown-content { display: none; position: absolute; top: 100%; left: 0; background: var(--white); border-radius: var(--radius-md); box-shadow: var(--shadow-lg); padding: 12px 0; min-width: 240px; z-index: 100; } .nav-dropdown:hover .nav-dropdown-content { display: block; } .nav-dropdown-content a { display: block; padding: 10px 20px; font-size: 0.875rem; color: var(--text); transition: var(--transition); } .nav-dropdown-content a:hover { background: var(--cream); color: var(--primary-dark); } .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; background: none; border: none; } .hamburger span { display: block; width: 24px; height: 2px; background: var(--accent); border-radius: 2px; transition: var(--transition); } .mobile-nav { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: var(--white); z-index: 999; padding: 80px 24px 24px; overflow-y: auto; } .mobile-nav.open { display: block; } .mobile-nav ul { list-style: none; display: flex; flex-direction: column; gap: 0; } .mobile-nav li a { display: block; padding: 16px 0; font-size: 1.1rem; font-weight: 600; color: var(--accent); border-bottom: 1px solid var(--cream); } .mobile-nav-close { position: absolute; top: 20px; right: 24px; background: none; border: none; font-size: 1.5rem; cursor: pointer; color: var(--accent); } .mobile-dropdown-toggle { cursor: pointer; } .mobile-dropdown-content { display: none; padding-left: 16px; } .mobile-dropdown-content.open { display: block; } .mobile-dropdown-content a { font-size: 0.95rem !important; color: var(--text-muted) !important; padding: 10px 0 !important; } /* ── Hero ── */ .hero { min-height: 100vh; display: flex; align-items: center; padding: 120px 0 80px; position: relative; overflow: hidden; background: var(--white); } .hero::before { content: ''; position: absolute; top: -50%; right: -20%; width: 80%; height: 150%; background: radial-gradient(ellipse, rgba(244,182,194,0.12) 0%, transparent 70%); pointer-events: none; } .hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: stretch; } .hero-content { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 20px; } .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: var(--primary); color: var(--accent); padding: 7px 16px; border-radius: 50px; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.03em; width: fit-content; animation: fadeInUp 0.6s ease both; } .hero h1 { font-size: clamp(2.2rem, 4vw, 3.2rem); color: var(--accent); line-height: 1.1; margin: 0; animation: fadeInUp 0.6s ease 0.1s both; } .hero h1 span { color: var(--primary-dark); } .hero-text { font-size: 1rem; color: var(--text-muted); margin: 0; max-width: 440px; line-height: 1.65; animation: fadeInUp 0.6s ease 0.2s both; } .hero-stats { display: flex; gap: 24px; animation: fadeInUp 0.6s ease 0.3s both; padding-top: 16px; border-top: 1px solid rgba(0,0,0,0.07); } .stat-number { font-family: 'Fraunces', serif; font-size: 1.75rem; font-weight: 700; color: var(--primary-dark); line-height: 1; } .stat-label { font-size: 0.75rem; color: var(--text-muted); margin-top: 2px; } .hero-visual { position: relative; animation: fadeInRight 0.8s ease 0.4s both; display: flex; flex-direction: column; } .hero-image-wrapper { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); } /* ── Hero mini form ── */ .hero-mini-form { flex: 1; background: var(--cream); border-radius: var(--radius-lg); padding: 22px; border: 1px solid rgba(0,0,0,0.06); } .hero-form-headline { font-family: 'Fraunces', serif; font-size: 1.1rem; font-weight: 700; color: var(--accent); margin: 0 0 16px; } .hero-mini-form form { display: flex; flex-direction: column; gap: 10px; } .hero-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .hero-mini-form input, .hero-mini-form select { padding: 10px 13px; border: 1.5px solid rgba(0,0,0,0.1); border-radius: var(--radius-sm); font-family: 'Outfit', sans-serif; font-size: 0.88rem; color: var(--accent); background: var(--white); outline: none; width: 100%; box-sizing: border-box; } .hero-mini-form input:focus, .hero-mini-form select:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(244,182,194,0.2); } .hero-form-btn { width: 100%; justify-content: center; padding: 13px; font-size: 0.9rem; margin-top: 4px; } .hero-form-note { font-size: 0.7rem; color: var(--text-muted); text-align: center; margin: 8px 0 0; } /* ── Ranking Grid ── */ .ranking-grid-widget { flex: 1; display: flex; flex-direction: column; background: #0f1117; border-radius: 16px; padding: 20px; box-shadow: 0 24px 64px rgba(0,0,0,0.45); border: 1px solid rgba(255,255,255,0.07); } .grid-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; flex-wrap: wrap; gap: 8px; } .grid-business-pin { display: flex; align-items: center; gap: 8px; color: #fff; font-size: 0.8rem; font-weight: 600; } .grid-keyword { font-size: 0.72rem; color: rgba(255,255,255,0.45); background: rgba(255,255,255,0.07); padding: 3px 10px; border-radius: 20px; } .grid-explainer { font-size: 0.72rem; color: rgba(255,255,255,0.45); line-height: 1.5; margin: 0 0 12px; font-style: italic; } .ranking-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; margin-bottom: 14px; flex: 1; } .grid-cell { aspect-ratio: 1; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.7rem; font-weight: 700; color: #fff; cursor: default; transition: transform 0.15s ease, box-shadow 0.15s ease; } .grid-cell:hover { transform: scale(1.18); z-index: 2; box-shadow: 0 0 14px rgba(244,182,194,0.6); } .grid-cell.center-cell { box-shadow: 0 0 0 3px #fff, 0 0 20px rgba(244,182,194,0.8); transform: scale(1.08); z-index: 3; } .grid-footer { display: flex; flex-direction: column; gap: 10px; } .legend-gradient { height: 8px; border-radius: 4px; background: linear-gradient(to right, #F4B6C2, #e8527a, #7a2040, #1e0f18); margin-bottom: 5px; } .legend-labels { display: flex; gap: 4px; font-size: 0.65rem; color: rgba(255,255,255,0.4); } .grid-stats-row { display: flex; gap: 0; border-top: 1px solid rgba(255,255,255,0.08); padding-top: 12px; } .grid-stat { flex: 1; text-align: center; display: flex; flex-direction: column; gap: 2px; } .grid-stat:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.08); } .gs-num { font-family: 'Fraunces', serif; font-size: 1.3rem; font-weight: 700; color: #F4B6C2; line-height: 1; } .gs-lbl { font-size: 0.65rem; color: rgba(255,255,255,0.4); text-transform: uppercase; letter-spacing: 0.06em; } /* ── Team ── */ .team-section { padding: 100px 0; background: var(--cream); } .team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 60px; } .team-card { background: var(--white); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); border: 1px solid rgba(0,0,0,0.06); transition: var(--transition); } .team-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); } .team-photo-wrap { width: 100%; aspect-ratio: 1/1; overflow: hidden; background: var(--primary-light); } .team-photo { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; } .team-photo-placeholder { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background: linear-gradient(135deg, #f9f0f3 0%, #f4e8ec 100%); } .team-photo-placeholder span { font-size: 0.78rem; color: var(--primary-dark); font-weight: 600; letter-spacing: 0.04em; } .team-info { padding: 24px; } .team-name { font-family: 'Fraunces', serif; font-size: 1.25rem; font-weight: 700; color: var(--accent); margin: 0 0 4px; } .team-role { font-size: 0.82rem; font-weight: 600; color: var(--primary-dark); text-transform: uppercase; letter-spacing: 0.06em; margin: 0 0 14px; } .team-bio { font-size: 0.9rem; color: var(--text-muted); line-height: 1.7; margin: 0 0 16px; } .team-tags { display: flex; flex-wrap: wrap; gap: 6px; } .team-tags span { font-size: 0.72rem; font-weight: 600; background: rgba(244,182,194,0.2); color: var(--primary-dark); padding: 4px 10px; border-radius: 20px; } /* ── Services ── */ .services { padding: 100px 0; background: var(--white); } .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; } .service-card { background: var(--cream); border-radius: var(--radius-lg); overflow: hidden; transition: var(--transition); } .service-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); } .service-icon-header { padding: 28px 28px 20px; display: flex; align-items: center; gap: 16px; border-bottom: 1px solid rgba(0,0,0,0.06); } .service-icon-wrap { width: 56px; height: 56px; background: var(--primary); border-radius: 14px; display: flex; align-items: center; justify-content: center; color: var(--accent); flex-shrink: 0; } .service-icon-label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted); } .service-content { padding: 24px 28px 32px; } .service-content h3 { font-size: 1.25rem; color: var(--primary-dark); margin-bottom: 12px; } .service-content p { color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; margin-bottom: 20px; } .service-link { color: var(--primary-dark); font-weight: 600; font-size: 0.9rem; display: inline-flex; align-items: center; gap: 6px; transition: gap 0.2s ease; } .service-link:hover { gap: 12px; } .pricing-anchor { display: flex; align-items: center; gap: 20px; margin-top: 24px; flex-wrap: wrap; } .pricing-anchor-cta { display: inline-flex; align-items: center; background: var(--primary); color: var(--accent); padding: 12px 24px; border-radius: var(--radius-sm); font-weight: 700; font-size: 0.9rem; text-decoration: none; transition: var(--transition); } .pricing-anchor-cta:hover { background: var(--primary-dark); color: var(--white); } .pricing-anchor-note { font-size: 0.85rem; color: var(--text-muted); font-style: italic; } /* ── Industries ── */ .industries { padding: 100px 0; background: var(--cream); } .industries-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .industry-card { background: var(--white); border-radius: var(--radius-lg); padding: 32px; text-align: center; transition: var(--transition); border: 2px solid transparent; } .industry-card:hover { border-color: var(--primary); transform: translateY(-4px); } .industry-card h3 { font-size: 1.1rem; color: var(--accent); margin-bottom: 8px; } .industry-card p { font-size: 0.875rem; color: var(--text-muted); line-height: 1.6; } /* ── Process ── */ .process { padding: 100px 0; background: var(--white); } .process-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; } .process-step { text-align: center; position: relative; } .step-num { width: 56px; height: 56px; background: var(--primary); color: var(--accent); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Fraunces', serif; font-size: 1.25rem; font-weight: 700; margin: 0 auto 20px; } .process-step h3 { font-size: 1.1rem; color: var(--accent); margin-bottom: 8px; } .process-step p { font-size: 0.875rem; color: var(--text-muted); line-height: 1.6; } .testimonials { padding: 100px 0; background: var(--cream); } .reviews-coming-soon { text-align: center; padding: 60px 40px; max-width: 540px; margin: 0 auto; } .rcs-icon { width: 72px; height: 72px; background: rgba(244,182,194,0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; } .reviews-coming-soon h2 { font-size: clamp(1.5rem, 3vw, 2rem); color: var(--accent); margin-bottom: 16px; } .reviews-coming-soon p { color: var(--text-muted); font-size: 1rem; line-height: 1.7; margin-bottom: 28px; } /* ── SEO Video ── */ .seo-video-section { padding: 100px 0; background: var(--accent); } .seo-video-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; } .seo-video-text h2 { font-size: clamp(1.75rem, 3.5vw, 2.75rem); color: var(--white); margin-bottom: 20px; margin-top: 16px; } .seo-video-text > p { color: rgba(255,255,255,0.8); font-size: 1.05rem; line-height: 1.75; margin-bottom: 36px; } .seo-insight-list { display: flex; flex-direction: column; gap: 24px; margin-bottom: 40px; } .seo-insight { display: flex; gap: 18px; align-items: flex-start; } .seo-insight-num { font-family: 'Fraunces', serif; font-size: 1.5rem; font-weight: 700; color: var(--primary); min-width: 36px; line-height: 1; padding-top: 2px; } .seo-insight strong { display: block; color: var(--white); font-size: 1rem; font-weight: 600; margin-bottom: 4px; } .seo-insight p { color: rgba(255,255,255,0.7); font-size: 0.9rem; margin: 0; line-height: 1.6; } .seo-video-embed-col { display: flex; flex-direction: column; gap: 24px; } .video-wrapper { border-radius: var(--radius-lg); overflow: hidden; position:relative; width:100%; aspect-ratio:16/9; } .video-wrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; display:block; } .seo-revenue-callout { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); border-radius: var(--radius-md); padding: 24px 28px; } .seo-callout-label { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--primary); margin: 0 0 16px; } .seo-callout-items { display: flex; flex-direction: column; gap: 12px; } .seo-callout-item { display: flex; align-items: flex-start; gap: 10px; color: rgba(255,255,255,0.8); font-size: 0.9rem; line-height: 1.5; } .seo-callout-item::before { content: '→'; color: var(--primary); font-weight: 700; flex-shrink: 0; } /* ── Contact Form ── */ .contact-form-section { padding: 100px 0; background: var(--white); } .contact-form-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; } .contact-form-text h2 { font-size: clamp(1.75rem, 3.5vw, 2.6rem); color: var(--accent); margin-bottom: 20px; margin-top: 16px; } .contact-form-text > p { color: var(--text-muted); font-size: 1.05rem; line-height: 1.75; margin-bottom: 28px; } .contact-proof { display: flex; flex-direction: column; gap: 12px; margin-bottom: 28px; } .contact-proof-item { display: flex; align-items: center; gap: 12px; color: var(--text); font-size: 0.95rem; } .proof-icon { width: 22px; height: 22px; background: var(--primary); color: var(--accent); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.7rem; font-weight: 900; flex-shrink: 0; } .contact-direct p { font-size: 0.9rem; color: var(--text-muted); margin: 4px 0; } .contact-phone-link { color: var(--primary-dark); font-weight: 700; } .contact-form-wrapper { background: var(--cream); border-radius: var(--radius-lg); padding: 36px; border: 1px solid rgba(0,0,0,0.06); } .lead-form { display: flex; flex-direction: column; gap: 18px; } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .form-group { display: flex; flex-direction: column; gap: 6px; } .form-group label { font-size: 0.82rem; font-weight: 600; color: var(--accent); } .form-group input, .form-group select, .form-group textarea { padding: 11px 14px; border: 1.5px solid rgba(0,0,0,0.12); border-radius: var(--radius-sm); font-family: 'Outfit', sans-serif; font-size: 0.9rem; color: var(--accent); background: var(--white); outline: none; } .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(244,182,194,0.2); } .form-group textarea { resize: vertical; min-height: 100px; } .form-submit-btn { width: 100%; justify-content: center; padding: 16px; font-size: 1rem; } .form-disclaimer { font-size: 0.72rem; color: var(--text-muted); text-align: center; margin: 0; } /* ── ROAS Video ── */ .video-section { padding: 100px 0; background: var(--accent); position: relative; overflow: hidden; } .video-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; } .video-text h2 { font-size: clamp(1.75rem, 3.5vw, 2.75rem); color: var(--white); margin-bottom: 20px; margin-top: 16px; } .video-text > p { color: rgba(255,255,255,0.8); font-size: 1.05rem; line-height: 1.75; margin-bottom: 36px; } .video-insight-list { display: flex; flex-direction: column; gap: 24px; margin-bottom: 40px; } .video-insight { display: flex; gap: 18px; align-items: flex-start; } .insight-num { font-family: 'Fraunces', serif; font-size: 1.5rem; font-weight: 700; color: var(--primary); min-width: 36px; line-height: 1; } .video-insight strong { display: block; color: var(--white); font-size: 1rem; font-weight: 600; margin-bottom: 4px; } .video-insight p { color: rgba(255,255,255,0.7); font-size: 0.9rem; margin: 0; line-height: 1.6; } .video-callout { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); border-radius: var(--radius-md); padding: 24px; margin-top: 16px; } .callout-stat { display: flex; align-items: baseline; gap: 8px; margin-bottom: 12px; } .callout-num { font-family: 'Fraunces', serif; font-size: 2.5rem; font-weight: 700; color: var(--primary); } .callout-label { font-size: 0.9rem; color: rgba(255,255,255,0.7); } .callout-divider { height: 1px; background: rgba(255,255,255,0.12); margin: 12px 0; } .callout-quote { font-size: 0.9rem; color: rgba(255,255,255,0.8); font-style: italic; line-height: 1.6; } .callout-attr { font-size: 0.8rem; color: rgba(255,255,255,0.5); margin-top: 8px; } /* ── Meta Video ── */ .meta-video-section { padding: 100px 0; background: var(--cream); } .meta-video-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; } .meta-video-embed-col { display: flex; flex-direction: column; gap: 24px; } .pipeline-step { display: flex; align-items: center; gap: 16px; padding: 14px 20px; background: var(--white); border-bottom: 1px solid rgba(0,0,0,0.06); } .pipeline-step:last-child { border-bottom: none; } .pipeline-step--result { background: var(--primary); } .pipeline-step--result .step-label, .pipeline-step--result p, .pipeline-step--result strong { color: var(--white); } .meta-pipeline-steps { border-radius: var(--radius-md); overflow: hidden; } .step-label { font-weight: 700; font-size: 0.8rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--primary-dark); min-width: 90px; } .pipeline-step p { margin: 0; font-size: 0.88rem; color: var(--text-muted); line-height: 1.4; } .meta-video-text h2 { font-size: clamp(1.75rem, 3.5vw, 2.75rem); color: var(--accent); margin-bottom: 20px; margin-top: 16px; } .meta-video-text > p { color: var(--text-muted); font-size: 1.05rem; line-height: 1.75; margin-bottom: 36px; } .meta-insight-list { display: flex; flex-direction: column; gap: 24px; margin-bottom: 40px; } .meta-insight { display: flex; gap: 18px; align-items: flex-start; } .meta-insight-num { font-family: 'Fraunces', serif; font-size: 1.5rem; font-weight: 700; color: var(--primary); min-width: 36px; line-height: 1; } .meta-insight strong { display: block; color: var(--accent); font-size: 1rem; font-weight: 600; margin-bottom: 4px; } .meta-insight p { color: var(--text-muted); font-size: 0.9rem; margin: 0; line-height: 1.6; } /* ── FAQ ── */ .faq { padding: 100px 0; background: var(--white); } .faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; } .faq-content h2 { font-size: clamp(2rem, 4vw, 2.75rem); color: var(--primary-dark); margin-bottom: 24px; } .faq-content > p { font-size: 1.1rem; color: var(--text-muted); margin-bottom: 32px; } .faq-list { display: flex; flex-direction: column; gap: 12px; } .faq-item { border: 1px solid var(--cream-dark); border-radius: var(--radius-md); overflow: hidden; transition: border-color 0.2s ease; } .faq-item:hover, .faq-item[open] { border-color: var(--primary); } .faq-question { list-style: none; width: 100%; padding: 20px 24px; background: var(--cream); cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-family: 'Outfit', sans-serif; font-size: 1rem; font-weight: 600; color: var(--accent); transition: background 0.2s ease; } .faq-question::-webkit-details-marker { display: none; } .faq-question::after { content: '+'; font-size: 1.4rem; color: var(--primary); flex-shrink: 0; margin-left: 12px; transition: transform 0.2s ease; } .faq-item[open] .faq-question::after { transform: rotate(45deg); } .faq-item[open] .faq-question { background: var(--primary-light); } .faq-answer-content { padding: 16px 24px 20px; color: var(--text-muted); line-height: 1.7; font-size: 0.95rem; background: var(--white); } /* ── Map ── */ .map-section { padding: 100px 0; background: var(--cream); } .map-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; } .map-content h2 { font-size: clamp(2rem, 4vw, 2.75rem); color: var(--accent); margin-bottom: 16px; } .map-content p { color: var(--text-muted); font-size: 1.05rem; line-height: 1.7; margin-bottom: 24px; } .map-contact-items { display: flex; flex-direction: column; gap: 16px; margin-bottom: 32px; } .map-contact-item { display: flex; align-items: center; gap: 14px; } .map-contact-icon { width: 40px; height: 40px; background: var(--primary); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--accent); font-weight: 700; font-size: 0.8rem; flex-shrink: 0; } .map-contact-item strong { display: block; font-size: 0.8rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 2px; } .map-contact-item a, .map-contact-item span { color: var(--accent); font-weight: 600; font-size: 0.95rem; } .map-embed { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); } /* ── CTA ── */ .cta { padding: 100px 0; background: var(--primary); text-align: center; } .cta h2 { font-size: clamp(2rem, 4vw, 3rem); color: var(--accent); margin-bottom: 16px; } .cta p { color: var(--accent); font-size: 1.1rem; margin-bottom: 40px; opacity: 0.8; } .cta-buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; } /* ── Footer ── */ footer { background: var(--accent); color: rgba(255,255,255,0.7); padding: 60px 0 24px; } .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px; } .footer-logo { display: flex; align-items: center; gap: 12px; font-family: 'Fraunces', serif; font-size: 1.5rem; font-weight: 700; margin-bottom: 20px; color: var(--white); } .footer-logo img { width: 48px; height: 48px; object-fit: contain; } .footer-desc { font-size: 0.9rem; line-height: 1.7; margin-bottom: 24px; color: rgba(255,255,255,0.6); } .footer-heading { font-family: 'Outfit', sans-serif; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--white); margin-bottom: 16px; } .footer-links { list-style: none; display: flex; flex-direction: column; gap: 10px; } .footer-links a { font-size: 0.875rem; color: rgba(255,255,255,0.6); transition: color 0.2s; } .footer-links a:hover { color: var(--primary); } .footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 24px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; font-size: 0.8rem; color: rgba(255,255,255,0.4); } /* ── Responsive ── */ @media (max-width: 1024px) { .hero-grid, .seo-video-layout, .meta-video-layout, .video-layout, .contact-form-layout, .faq-grid, .map-grid { grid-template-columns: 1fr; gap: 48px; } .hero-visual { order: -1; } .team-grid { grid-template-columns: repeat(2, 1fr); } .services-grid { grid-template-columns: repeat(2, 1fr); } .process-steps { grid-template-columns: repeat(2, 1fr); } .footer-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 768px) { .nav-links { display: none; } .hamburger { display: flex; } .team-grid, .services-grid, .industries-grid { grid-template-columns: 1fr; } .form-row, .hero-form-row { grid-template-columns: 1fr; } .process-steps { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1fr; } .hero { padding: 100px 0 60px; } .hero h1 { font-size: 2.25rem; } .hero-stats { flex-wrap: wrap; justify-content: center; } } /* ── BREADCRUMB ── */ .breadcrumb { background: var(--white); border-bottom: 1px solid var(--cream-dark); padding: 14px 0; } .breadcrumb ol { display: flex; align-items: center; gap: 8px; list-style: none; font-size: 0.85rem; flex-wrap: wrap; } .breadcrumb a { color: var(--text-muted); } .breadcrumb a:hover { color: var(--primary-dark); } .breadcrumb .sep { color: var(--cream-dark); } .breadcrumb .bc-current { color: var(--primary-dark); font-weight: 500; } /* ── HERO (service area) ── */ .page-hero { padding: 140px 0 100px; background: var(--white); position: relative; overflow: hidden; } .page-hero::before { content: ''; position: absolute; top: -40%; right: -15%; width: 70%; height: 140%; background: radial-gradient(ellipse, rgba(244,182,194,0.10) 0%, transparent 70%); pointer-events: none; } .page-hero-inner { max-width: 820px; } .page-hero h1 { font-size: clamp(2.4rem, 4.5vw, 3.4rem); color: var(--accent); line-height: 1.1; margin-bottom: 20px; } .page-hero h1 span { color: var(--primary-dark); } .page-hero-text { font-size: 1.1rem; color: var(--text-muted); max-width: 640px; line-height: 1.7; margin-bottom: 32px; } .page-hero-buttons { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 44px; } .page-hero-stats { display: flex; gap: 40px; padding-top: 32px; border-top: 1px solid rgba(0,0,0,0.07); flex-wrap: wrap; } /* ── WHY LOCAL ── */ .why-local { padding: 100px 0; background: var(--cream); } .why-local-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; } .why-local-content h2 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); color: var(--accent); margin-bottom: 20px; } .why-local-content > p { font-size: 1rem; color: var(--text-muted); margin-bottom: 32px; line-height: 1.8; } .benefits-list { display: flex; flex-direction: column; gap: 28px; } .benefit { display: flex; gap: 18px; align-items: flex-start; } .benefit-num { font-family: 'Fraunces', serif; font-size: 1.4rem; font-weight: 700; color: var(--primary); min-width: 28px; line-height: 1; padding-top: 2px; } .benefit h4 { font-family: 'Outfit', sans-serif; font-size: 1rem; font-weight: 700; color: var(--accent); margin-bottom: 5px; } .benefit p { font-size: 0.9rem; color: var(--text-muted); line-height: 1.65; margin: 0; } .why-local-proof { background: var(--white); border-radius: var(--radius-lg); padding: 36px; display: flex; flex-direction: column; gap: 28px; border: 1px solid rgba(0,0,0,0.06); } .proof-item { display: flex; gap: 16px; align-items: flex-start; } .proof-icon { width: 44px; height: 44px; background: var(--primary-light); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--primary-dark); } .proof-item h4 { font-family: 'Outfit', sans-serif; font-size: 0.95rem; font-weight: 700; color: var(--accent); margin-bottom: 4px; } .proof-item p { font-size: 0.88rem; color: var(--text-muted); line-height: 1.6; margin: 0; } /* ── AREAS GRID ── */ .service-areas { padding: 100px 0; background: var(--white); } .areas-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .area-card { background: var(--cream); border-radius: var(--radius-md); padding: 28px 20px; border: 2px solid transparent; transition: var(--transition); } .area-card:hover { border-color: var(--primary); transform: translateY(-4px); box-shadow: var(--shadow-md); } .area-tag { display: inline-block; font-size: 0.68rem; font-weight: 700; background: var(--primary-light); color: var(--primary-dark); padding: 3px 8px; border-radius: 20px; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.05em; } .area-name { font-family: 'Fraunces', serif; font-size: 1.05rem; color: var(--accent); margin-bottom: 8px; } .area-card p { font-size: 0.82rem; color: var(--text-muted); line-height: 1.5; } /* ── NEIGHBORHOODS ── */ .neighborhoods { padding: 100px 0; background: var(--accent); } .neighborhoods .section-tag { background: rgba(244,182,194,0.2); color: var(--primary); } .neighborhoods .section-header h2 { color: var(--white); } .neighborhoods .section-header p { color: rgba(255,255,255,0.7); } .neighborhoods-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; } .neighborhood-card { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.1); border-radius: var(--radius-md); padding: 28px; transition: var(--transition); } .neighborhood-card:hover { background: rgba(255,255,255,0.11); transform: translateY(-4px); } .neighborhood-card h4 { font-family: 'Outfit', sans-serif; font-size: 1.05rem; font-weight: 700; color: var(--primary); margin-bottom: 10px; } .neighborhood-card p { font-size: 0.9rem; color: rgba(255,255,255,0.75); line-height: 1.65; } /* ── LOCAL SERVICES (reuse homepage service-card) ── */ .local-services { padding: 100px 0; background: var(--white); } /* ── BUSINESS LANDSCAPE ── */ .local-business { padding: 100px 0; background: var(--cream); } .biz-grid { display: grid; grid-template-columns: 3fr 2fr; gap: 64px; align-items: start; } .biz-content h2 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); color: var(--accent); margin-bottom: 20px; } .biz-content > p { font-size: 0.95rem; color: var(--text-muted); margin-bottom: 18px; line-height: 1.8; } .biz-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 28px; } .biz-stat { background: var(--white); padding: 22px; border-radius: var(--radius-md); text-align: center; } .biz-stat-num { font-family: 'Fraunces', serif; font-size: 1.75rem; font-weight: 700; color: var(--primary-dark); line-height: 1; margin-bottom: 6px; } .biz-stat-lbl { font-size: 0.8rem; color: var(--text-muted); } .biz-sidebar { display: flex; flex-direction: column; gap: 16px; } .biz-callout { background: var(--accent); color: var(--white); border-radius: var(--radius-md); padding: 28px; } .biz-callout h4 { font-family: 'Outfit', sans-serif; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--primary); margin-bottom: 14px; } .biz-callout-item { display: flex; align-items: flex-start; gap: 10px; color: rgba(255,255,255,0.8); font-size: 0.88rem; line-height: 1.5; margin-bottom: 10px; } .biz-callout-item::before { content: '→'; color: var(--primary); font-weight: 700; flex-shrink: 0; } /* ── REVIEWS ── */ .testimonials { padding: 100px 0; background: var(--white); } .reviews-coming-soon { text-align: center; padding: 40px; max-width: 540px; margin: 0 auto; } .rcs-icon { width: 72px; height: 72px; background: rgba(244,182,194,0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; } .reviews-coming-soon h2 { font-size: clamp(1.5rem, 3vw, 2rem); color: var(--accent); margin-bottom: 16px; } .reviews-coming-soon p { color: var(--text-muted); font-size: 1rem; line-height: 1.7; margin-bottom: 28px; } /* ── FAQ ── */ .faq { padding: 100px 0; background: var(--cream); } .faq-inner-narrow { max-width: 860px; margin: 0 auto; } /* ── MAP ── */ .map-section { padding: 100px 0; background: var(--white); } .map-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; } .map-content h2 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); color: var(--accent); margin-bottom: 20px; } .map-content > p { font-size: 0.95rem; color: var(--text-muted); margin-bottom: 28px; line-height: 1.8; } .contact-details { display: flex; flex-direction: column; gap: 14px; margin-bottom: 32px; } .cd-row strong { font-size: 0.82rem; color: var(--accent); display: block; margin-bottom: 2px; } .cd-row span, .cd-row a { font-size: 0.9rem; color: var(--text-muted); } .cd-row a:hover { color: var(--primary-dark); } .map-embed { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); } .map-embed iframe { width: 100%; height: 420px; border: 0; display: block; } /* ── RESPONSIVE ── */ @media (max-width: 1024px) { .why-local-grid, .biz-grid, .map-layout { grid-template-columns: 1fr; gap: 48px; } .areas-grid { grid-template-columns: repeat(2, 1fr); } .neighborhoods-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .areas-grid { grid-template-columns: repeat(2, 1fr); } .neighborhoods-grid { grid-template-columns: 1fr; } .biz-stats { grid-template-columns: 1fr 1fr; } .page-hero-stats { gap: 24px; } } @media (max-width: 480px) { .areas-grid { grid-template-columns: 1fr; } } .team-photo--ben { object-fit: cover; object-position: center 20%; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; } .team-card:has(.team-photo--ben) .team-photo-wrap { background: #c8c0bb; }
Croc's and Clicks logo Croc's & Clicks
  • Home
  • About
  • Services ▾
    SEO Services PPC Management Web Design Social Media Marketing Marketing for Contractors
  • Service Areas
  • Clients
  • Blog
  • Pricing
  • Get a Free Quote
  • Home
  • About
  • SEO Services
  • PPC Management
  • Web Design
  • Social Media Marketing
  • Contractor Marketing
  • Service Areas
  • Pricing
  • Contact
  1. Home
  2. ›
  3. Service Areas
  4. ›
  5. Vancouver, WA
Based in Downtown Vancouver, WA

Looking for a Local Digital Marketing Agency in Vancouver, WA?

Croc's and Clicks is your neighbor. Ben lives in downtown Vancouver and works with businesses from Salem, OR to Olympia, WA. No remote teams, no offshore handoffs. You get someone who actually knows this market.

Get a Free Local Strategy Call → Our Services
6+
Years in Vancouver
$20M+
Client Revenue
0
Contracts
Our Team

Meet the Team

A small, focused team where every client gets senior-level attention on every campaign.

Ben Sehayek, Marketing Strategist at Croc's and Clicks

Ben Sehayek

Marketing Strategist & Account Manager

Ben graduated from Western Washington University with a degree in Marketing and honed his skills at Hibu, one of the largest digital marketing agencies in the country. With 6+ years building campaigns across SEO, PPC, and Meta, he leads strategy and client relationships at Croc's & Clicks, owning the full go-to-market pipeline for every account.

SEO StrategyPPCAccount Management
Nithya, Content Creator at Croc's and Clicks

Nithya

Content Creator — Social Media & Visual Content

Nithya started working with Ben at 16, originally doing graphic design. She's since grown into a full content creator role, producing videos, photos, and graphics for social media and website content. She studies at Indiana University's Kelley School of Business, ranked #4 nationally in Marketing.

Social MediaVideo & PhotoGraphic Design
Justin, Marketing Analyst at Croc's and Clicks

Justin

Marketing Data Analyst

Justin is finishing a Marketing degree at Cal Poly this spring. Where most agencies rely on dashboards and gut feel, Justin sees what others miss through statistical analysis of large datasets. Our most recent hire, he came in with a freelance web development background and outperformed candidates with 4+ years of experience during the technical interview.

Python & APIsStatistical ModelingSEO AnalysisPaid Campaigns
Crown Electric. Real Data.

How We Think About Local Rankings Differently

Most agencies celebrate how much of the map you're covering. We care about which parts of the map actually generate revenue. Watch Ben break down a live ranking analysis for Crown Electric, a local electrical contractor right here in Vancouver, WA.

01
Geography that converts

Ranking in Portland or Scappoose means nothing for a Vancouver contractor. We focus on the zip codes that actually send you customers.

02
Population-weighted ranking

Top 3 in Camas looks great until you realize Vancouver proper has 2x the population and Crown Electric wasn't in the top 10 there.

03
A clear picture of the gap

We show you exactly where you're winning, where you're losing, and what it would take to close the difference.

See How Your Business Ranks →
2/3 of Clark County population unreached — fixable with the right strategy

"We might look like we're ranking in three quarters of Clark County, but really we're only targeting a little less than one third of the entire population."

— Ben Sehayek, live client analysis

Why Local Matters

Why Work With a Digital Marketing Agency That Actually Lives Here?

There are thousands of agencies that will take your money remotely and send you monthly PDFs. Croc's and Clicks is different. Ben lives downtown, works with clients across the I-5 corridor, and has spent six years learning what drives leads in this specific market. That local insight is built into every campaign we run.

01

Real Pacific Northwest Market Knowledge

From Salmon Creek to the Pearl District, from Salem's healthcare corridor to Olympia's government contracting landscape, we know which channels work, what messaging resonates, and what your local competition is doing.

02

Meet In Person Anytime

We can sit down at a coffee shop in Uptown Village, walk your job site, or meet at your office. Remote agencies can't offer that. Face time builds trust, and trust builds better campaigns.

03

No Timezone Friction

We're PST, same as you. When something needs to move fast, we respond in hours, not the next morning after New York wakes up.

04

We Win When You Win

Our reputation lives in this community. Every client we work with is a neighbor, a referral source, and a reflection of our work. We have more skin in the game than any out-of-state agency.

Downtown Vancouver, WA

Ben lives and works in the heart of Vancouver. He knows Esther Short, the Waterfront, Uptown Village, and every neighborhood in between.

$20M+ in Client Revenue Generated

Six years of campaigns across SEO, PPC, and Meta for contractors and small businesses up and down the I-5 corridor.

No Contracts. Month to Month.

We earn your business every month. If something isn't working, we fix it. If you want to stop, you can stop. Simple as that.

Hibu-Trained, Boutique-Focused

Ben trained at Hibu, one of the largest digital marketing agencies in the country, then brought that expertise home to serve local businesses at a level larger firms can't match.

Service Area

Digital Marketing from Salem, OR to Olympia, WA

Ben is based in downtown Vancouver but works with clients up and down the I-5 corridor. If you're in the Pacific Northwest and looking for a marketing partner who understands this region, we can help.

Home Base
Vancouver, WA

Clark County's largest city. From downtown to Orchards, we know every neighborhood and business district.

Core Market
Portland Metro

Greater Portland including Beaverton, Hillsboro, Lake Oswego, and Gresham across the Columbia River.

Clark County
Camas & Washougal

Columbia River Gorge communities with growing business districts and high-income residential areas.

Clark County
Battle Ground & Ridgefield

Rapidly growing north Clark County communities. Fast-expanding contractor and service business market.

North
Olympia, WA

Washington's capital with significant government contracting, healthcare, and professional services sectors.

North
Centralia & Chehalis

The Lewis County corridor midway between Portland and Seattle. Strong manufacturing and services economy.

South
Salem, OR

Oregon's capital and a major healthcare, government, and agricultural hub in the Willamette Valley.

South
Longview & Kelso

Cowlitz County's industrial and commercial hub, 45 minutes north of Vancouver on I-5.

Vancouver Neighborhoods

Local SEO Knowledge Across Vancouver's Business Districts

Ben lives downtown and works throughout the city. This isn't generic local SEO copy. We know these neighborhoods because we're in them.

Downtown & Esther Short

Vancouver's civic and commercial core. Home to Esther Short Park (Washington's oldest public square, est. 1853), the Main Street boutique corridor, and the Kiggins Theatre. Named one of the "Best Downtowns in the West" by Sunset Magazine and the anchor for the Waterfront Renaissance Trail.

Vancouver Waterfront

A $1.5 billion redevelopment along the Columbia River featuring the Grant Street Pier, eight wine tasting rooms, waterfront restaurants, two hotels, and 7.3 acres of park with views of Mount Hood and the Portland skyline. A regional destination that has transformed downtown's southwest edge.

Uptown Village & Fourth Plain

An eclectic stretch of locally-owned shops, restaurants, and services north of downtown. Fourth Plain Boulevard is Clark County's most culturally diverse commercial corridor, with Vine Bus Rapid Transit access and strong foot traffic from nearby residential neighborhoods.

Officers Row & Fort Vancouver

Adjacent to Fort Vancouver National Historic Site, this area features 22 restored Victorian homes from the 1800s along Officers Row and draws significant tourist traffic. The neighborhood connects directly to the Waterfront trail system just north of downtown.

Salmon Creek & Felida

Desirable northwest Vancouver neighborhoods with quality schools, Legacy Salmon Creek Medical Center, and strong I-5 access. High household income and dense residential development make this a prime market for home services, healthcare, and professional services businesses.

Mill Plain & Orchards

East Vancouver's commercial spine running toward Highway 14. Vancouver Mall anchors Mill Plain's retail corridor. Orchards maintains a residential character with strong community ties in the Evergreen School District, together representing a large share of Clark County's middle-market consumer base.

Our Services

Digital Marketing Services for Pacific Northwest Businesses

Every service is run directly by Ben and the team. No white-labeling, no handoffs to contractors overseas. Plans start at $300/month with no contracts.

SEO Services

Local SEO Services

Rank for "near me" searches in Vancouver and throughout the I-5 corridor. We optimize Google Business Profiles, build local citations, and create content targeting high-intent local searches. Built for service businesses and contractors.

Learn About Local SEO →
PPC Management

PPC Management

Geo-targeted Google Ads that reach local customers the moment they search. We manage full campaigns from keyword selection to bid strategy, with transparent reporting on every dollar spent.

Explore PPC Services →
Web Design

Web Design Vancouver WA

Fast, mobile-first websites built to convert local visitors into leads. We design for the Pacific Northwest market and build with SEO baked in from day one, not bolted on after the fact.

See Our Web Design →
Social Media Marketing

Social Media Marketing

Content that resonates with Pacific Northwest audiences. We build social presence with photography, video, and copy that feels authentic to this community, not copy-pasted from a national template.

Discover Social Media →
Contractor Marketing

Marketing for Contractors

Specialized campaigns for HVAC, roofing, plumbing, electrical, painting, and general contractors. We know how contractors get leads in this market and build campaigns around those channels, not a generic playbook.

Contractor Marketing →
Local SEO

Local SEO & Near Me Searches

Be found when customers search "near me" across Clark County and the Portland metro. We optimize your Google Business Profile, build local citations, and ensure you appear when local customers are ready to buy.

Local Marketing →
The Market

The Pacific Northwest Business Landscape We Know

Clark County is no longer just Portland's bedroom community. With 542,000 residents and Washington's 0% income tax attracting businesses across the river, Vancouver has become a serious economic destination in its own right. Small businesses make up roughly 95% of the local economy, with healthcare, retail, manufacturing, and professional services leading employment sectors.

South of the river, the Salem-Keizer metro anchors Oregon's mid-Willamette Valley with healthcare, government, and agriculture driving its economy. North, the Olympia area serves as Washington's governmental hub with specialized procurement and professional services needs.

Across this region, home services contractors, healthcare practices, retail businesses, and professional services firms all compete for a growing customer base. The I-5 corridor connects them all, and local search is how most of their customers find them. That's our lane.

542K+
Clark County Population
0%
WA State Income Tax
2M+
Portland Metro Labor Pool
95%
Small Business Economy

Why contractors choose us

We understand seasonal demand cycles in the Pacific Northwest
We know which zip codes convert best for home services in Clark County
Ben worked with contractors at Hibu before starting this agency
We don't lock you into contracts when business slows down

Industries we know well

HVAC, roofing, plumbing, electrical, painting
General contractors and remodelers
Healthcare practices and professional services
Local retail and restaurants
FAQ

Frequently Asked Questions

Common questions about working with a local digital marketing agency in Vancouver, WA.

Why work with a local agency instead of a larger remote firm?
A local agency understands the Vancouver and Pacific Northwest market from the ground up. We know what messaging resonates with Clark County homeowners versus Salem business owners versus Olympia government contractors. We can meet in person, respond in the same timezone, and our reputation lives in this community. Remote agencies provide generic playbooks. We provide strategies built for this specific market.
What areas do you serve?
Ben is based in downtown Vancouver and serves clients from Salem, OR in the south to Olympia, WA in the north, with most work concentrated in Clark County and the greater Portland metro. If you're on the I-5 corridor in the Pacific Northwest, we can help. We also work with contractors and service businesses nationally who want a focused, senior-level team.
How much do your services cost?
Services start at $300/month for foundational campaigns and scale up to $15,000/month for comprehensive multi-channel programs. We don't require long-term contracts. During your free strategy call we'll build a custom plan around your goals and budget. No upsells, no locked-in retainers.
How long does it take to see results from local SEO?
PPC campaigns can generate leads within a few days of launch. Local SEO typically shows measurable improvement within 3 to 6 months, with stronger results building from 6 to 12 months onward. We send monthly reports showing ranking movement, traffic, and lead volume so you always know where things stand.
Do you specialize in any particular industries?
Our deepest expertise is in contractor marketing, including HVAC, roofing, plumbing, electrical, painting, and general contractors. We also have strong experience with local service businesses, healthcare practices, retail, and professional services. If you're a home service business competing for local search traffic in the Pacific Northwest, we likely know your market well.
Can we meet in person?
Absolutely. Ben lives in downtown Vancouver and is happy to meet at your location, a local coffee shop, or your job site. We regularly meet with clients across Clark County and travel for significant engagements throughout the region. A good in-person conversation is often the fastest way to figure out whether we're a good fit.
Find Us

Based in Downtown Vancouver, Serving the Pacific Northwest

Croc's and Clicks is rooted in Vancouver, Washington. Whether you're a contractor in Hazel Dell, a retailer on Fourth Plain, or a professional services firm in downtown Portland, we're close enough to meet in person and invested enough to care about your results.

Phone(425) 232-6029
Emailben@crocsandclicks.com
Based InDowntown Vancouver, WA
Service AreaSalem, OR to Olympia, WA • Portland Metro • Clark County
HoursMonday to Friday, 8am to 6pm PST
Schedule a Free Strategy Call →

Ready to Work With a Local Agency That Knows Your Market?

Get a free strategy call and walk away with a real plan. No contracts, no pitch decks, no fluff.

Get Your Free Strategy Call → (425) 232-6029
Croc's and Clicks logo Croc's & Clicks

Full-service digital marketing agency in Vancouver, WA. Helping contractors and small businesses grow through SEO, PPC, web design, and social media marketing.

Services

  • SEO Services
  • PPC Management
  • Web Design
  • Social Media
  • Contractor Marketing

Company

  • About Us
  • Our Clients
  • Blog
  • Contact
  • Service Areas

Contact

  • (425) 232-6029
  • ben@crocsandclicks.com
  • Vancouver, WA 98661