Vancouver Contractor Consulting | Digital Marketing for Vancouver WA & Portland OR Contractors * { margin: 0; padding: 0; box-sizing: border-box; } :root { --primary-gradient: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); --secondary-gradient: linear-gradient(135deg, #059669 0%, #047857 100%); --success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%); --card-gradient: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%); --glass-bg: rgba(255, 255, 255, 0.15); --glass-border: rgba(255, 255, 255, 0.2); --shadow-light: 0 8px 32px 0 rgba(37, 99, 235, 0.2); --shadow-heavy: 0 15px 35px rgba(0, 0, 0, 0.1); --shadow-color: 0 10px 30px rgba(37, 99, 235, 0.3); --text-primary: #1f2937; --text-secondary: #374151; --text-light: #6b7280; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif; line-height: 1.6; color: var(--text-primary); overflow-x: hidden; background: #f8fafc; } /* Navigation Bar - UPDATED */ .nav-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; background: rgba(255, 255, 255, 0.95); box-shadow: var(--shadow-light); backdrop-filter: blur(10px); } .nav-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; } .nav-logo-text { font-weight: 700; font-size: 1.2rem; color: var(--text-primary); } .nav-links { display: flex; gap: 15px; align-items: center; } /* Unified Navigation Button Styling */ .nav-btn { background: var(--primary-gradient); color: white; padding: 12px 16px; border-radius: 25px; text-decoration: none; font-weight: 600; display: flex; align-items: center; gap: 8px; box-shadow: var(--shadow-color); transition: all 0.3s ease; border: none; cursor: pointer; } .nav-btn:hover { transform: scale(1.05) translateY(-2px); } /* Navigation Dropdown */ .nav-dropdown { position: relative; } .nav-menu { position: absolute; top: 100%; right: 0; margin-top: 8px; background: white; border-radius: 12px; box-shadow: var(--shadow-heavy); min-width: 220px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; z-index: 1001; backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.95); border: 1px solid var(--glass-border); } .nav-menu.active { opacity: 1; visibility: visible; transform: translateY(0); } .nav-menu a { display: block; padding: 12px 16px; color: var(--text-secondary); text-decoration: none; font-weight: 500; transition: all 0.2s ease; border-bottom: 1px solid rgba(0,0,0,0.05); } .nav-menu a:last-child { border-bottom: none; border-radius: 0 0 12px 12px; } .nav-menu a:first-child { border-radius: 12px 12px 0 0; } .nav-menu a:hover { background-color: rgba(37, 99, 235, 0.05); color: #2563eb; } .nav-chevron { transition: transform 0.3s ease; } .nav-toggle.active .nav-chevron { transform: rotate(180deg); } /* Mobile Navigation - UPDATED */ .mobile-menu-toggle { display: none; background: var(--primary-gradient); color: white; padding: 10px; border-radius: 10px; border: none; cursor: pointer; font-size: 24px; z-index: 1002; } .mobile-menu { display: none; position: fixed; top: 70px; left: 0; right: 0; background: white; padding: 20px; box-shadow: var(--shadow-heavy); z-index: 1001; flex-direction: column; gap: 15px; } .mobile-menu.active { display: flex; } .mobile-dropdown { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden; } .mobile-dropdown-toggle { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; background: #f3f4f6; font-weight: 600; cursor: pointer; } .mobile-dropdown-content { display: none; flex-direction: column; } .mobile-dropdown-content.active { display: flex; } .mobile-dropdown-content a { padding: 12px 16px; text-decoration: none; color: var(--text-secondary); border-top: 1px solid rgba(0, 0, 0, 0.05); } .mobile-menu-button { background: var(--primary-gradient); color: white; padding: 12px 16px; border-radius: 8px; text-decoration: none; font-weight: 600; text-align: center; } /* Hero Section */ .hero { background: var(--primary-gradient); position: relative; padding: 160px 0 100px; overflow: hidden; } .hero::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 20% 50%, rgba(37, 99, 235, 0.3) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(5, 150, 105, 0.2) 0%, transparent 50%), radial-gradient(circle at 40% 80%, rgba(16, 185, 129, 0.2) 0%, transparent 50%); animation: backgroundShift 15s ease-in-out infinite; z-index: 1; } @keyframes backgroundShift { 0%, 100% { opacity: 0.3; } 50% { opacity: 0.7; transform: scale(1.1); } } .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2; } .hero-content { text-align: center; max-width: 800px; margin: 0 auto; } .hero-title { font-size: 3.5rem; font-weight: 800; color: white; margin-bottom: 24px; text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); letter-spacing: -0.02em; line-height: 1.2; animation: titleGlow 3s ease-in-out infinite; } @keyframes titleGlow { 0%, 100% { text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); } 50% { text-shadow: 0 4px 30px rgba(255, 255, 255, 0.4); } } .hero-subtitle { font-size: 1.5rem; color: rgba(255, 255, 255, 0.9); margin-bottom: 16px; font-weight: 400; } .hero-tagline { font-size: 1.125rem; color: rgba(255, 255, 255, 0.8); margin-bottom: 40px; } .cta-buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; } .btn { background: var(--success-gradient); color: white; font-weight: 600; padding: 16px 32px; border-radius: 50px; border: none; font-size: 1.125rem; cursor: pointer; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: inline-flex; align-items: center; gap: 12px; box-shadow: var(--shadow-color); text-decoration: none; position: relative; overflow: hidden; min-height: 60px; } .btn::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: left 0.5s; } .btn:hover::before { left: 100%; } .btn:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 15px 40px rgba(37, 99, 235, 0.4); } .btn-primary { background: var(--primary-gradient); } .btn-secondary { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); } /* About Section */ .about-section { padding: 100px 0; background: white; } .section-title { font-size: 2.5rem; font-weight: 700; text-align: center; margin-bottom: 16px; color: var(--text-primary); } .section-subtitle { font-size: 1.25rem; color: var(--text-light); text-align: center; margin-bottom: 64px; } .about-grid { display: flex; justify-content: center; align-items: center; } .about-content { max-width: 800px; text-align: center; } .about-content h3 { font-size: 1.75rem; font-weight: 700; margin-bottom: 16px; color: #2563eb; } .about-content p { font-size: 1.125rem; margin-bottom: 16px; line-height: 1.7; color: var(--text-secondary); } /* Services Section */ .services-section { padding: 100px 0; background: linear-gradient(135deg, #f8fafc 0%, #e5e7eb 100%); } .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; } .service-card { background: white; border-radius: 20px; padding: 32px; box-shadow: var(--shadow-light); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; text-decoration: none; display: block; color: inherit; } .service-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--success-gradient); transform: scaleX(0); transform-origin: left; transition: transform 0.5s ease; } .service-card:hover::before { transform: scaleX(1); } .service-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1); } .service-icon { width: 60px; height: 60px; background: var(--primary-gradient); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; color: white; } .service-card h3 { font-size: 1.5rem; font-weight: 700; margin-bottom: 16px; color: var(--text-primary); } .service-card p { color: var(--text-light); margin-bottom: 20px; } .service-features { list-style: none; } .service-features li { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 0.875rem; color: var(--text-secondary); } .feature-check { width: 20px; height: 20px; background: var(--success-gradient); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 12px; } /* Tools Section */ .tools-section { padding: 100px 0; background: white; } .tools-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .tool-card { background: white; border: 1px solid rgba(0,0,0,0.05); border-radius: 20px; padding: 24px; box-shadow: var(--shadow-light); transition: all 0.3s ease; text-align: center; display: flex; flex-direction: column; align-items: center; text-decoration: none; } .tool-card:hover { transform: translateY(-8px); box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1); border-color: #2563eb; } .tool-icon { width: 60px; height: 60px; background: var(--secondary-gradient); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; color: white; } .tool-card h3 { font-size: 1.25rem; font-weight: 700; margin-bottom: 12px; color: var(--text-primary); } .tool-card p { color: var(--text-light); font-size: 0.875rem; } /* Experience Section */ .experience-section { padding: 100px 0; background: linear-gradient(135deg, #f8fafc 0%, #e5e7eb 100%); } .experience-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; } .experience-card { text-align: center; padding: 32px; background: white; border-radius: 20px; box-shadow: var(--shadow-light); transition: all 0.3s ease; } .experience-card:hover { transform: translateY(-8px); box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1); } .experience-number { font-size: 3rem; font-weight: 800; background: var(--primary-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; display: block; margin-bottom: 8px; } .experience-label { font-size: 1.125rem; color: var(--text-light); font-weight: 500; } /* Contact Section */ .contact-section { padding: 100px 0; background: linear-gradient(135deg, #ecfdf5 0%, #dbeafe 100%); } .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .contact-info { background: white; padding: 40px; border-radius: 20px; box-shadow: var(--shadow-light); } .contact-item { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; } .contact-icon { width: 48px; height: 48px; background: var(--secondary-gradient); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; } .contact-details h4 { font-weight: 700; margin-bottom: 4px; color: var(--text-primary); } .contact-details p, .contact-details a { color: var(--text-light); text-decoration: none; } .contact-details a:hover { color: #2563eb; } /* Locations Section */ .locations-section { padding: 100px 0; background: white; } .locations-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .location-card { padding: 30px; border-radius: 20px; background-size: cover; background-position: center; position: relative; min-height: 250px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; text-decoration: none; color: white; transition: all 0.3s ease; } .location-card:hover { transform: translateY(-10px); box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); } .location-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); z-index: 1; } .location-card h3 { font-size: 1.75rem; font-weight: 700; color: white; position: relative; z-index: 2; margin-bottom: 10px; } .location-card p { font-size: 1rem; color: rgba(255, 255, 255, 0.9); position: relative; z-index: 2; } .vancouver-bg { background-image: url('https://images.unsplash.com/photo-1560814304-4f05b62af116?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80'); } .portland-bg { background-image: url('https://assets.ycodeapp.com/assets/app112490/Images/portland-ykiytgrwnk.webp'); } /* Footer */ .footer { background: var(--primary-gradient); color: white; padding: 60px 0 40px; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-col h4 { font-size: 1.25rem; font-weight: 700; margin-bottom: 20px; color: white; } .footer-links { list-style: none; } .footer-links li { margin-bottom: 10px; } .footer-links a { color: rgba(255, 255, 255, 0.8); text-decoration: none; transition: all 0.2s ease; } .footer-links a:hover { color: white; padding-left: 5px; } .footer-bottom { text-align: center; padding-top: 40px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer-bottom p { color: rgba(255, 255, 255, 0.6); font-size: 0.875rem; } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .fade-in { opacity: 0; animation: fadeInUp 0.8s ease-out forwards; } .delay-1 { animation-delay: 0.1s; } .delay-2 { animation-delay: 0.2s; } .delay-3 { animation-delay: 0.3s; } /* Mobile Responsive - UPDATED */ @media (max-width: 992px) { .nav-links { display: none; } .mobile-menu-toggle { display: flex; align-items: center; justify-content: center; } } @media (max-width: 768px) { .hero { padding: 140px 0 80px; } .hero-title { font-size: 2.5rem; } .hero-subtitle { font-size: 1.25rem; } .section-title { font-size: 2rem; } .contact-grid { grid-template-columns: 1fr; } .services-grid, .tools-grid { grid-template-columns: 1fr; } .btn { padding: 14px 28px; font-size: 1rem; width: 100%; } .cta-buttons { flex-direction: column; } } /* Smooth Scrolling */ html { scroll-behavior: smooth; } /* Animation for pulse effect on buttons */ @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); } 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); } } .pulse { animation: pulse 2s infinite; }

Digital Marketing for Vancouver & Portland Contractors

Vancouver Contractor Consulting

Custom digital marketing solutions to grow your contracting business in Clark County & Portland Metro

Schedule Your Free Strategy Session

Contractor Marketing Services in Vancouver WA

Comprehensive digital solutions tailored for local contractor success

Search Engine Optimization (SEO)

Dominate local search results in Vancouver & Portland and attract high-quality leads organically.

✓ Local SEO for Vancouver & Portland contractors
✓ Contractor-specific keyword research
✓ Google Business Profile optimization
✓ Construction industry content strategy

Pay-Per-Click (PPC) Advertising

Generate immediate leads with targeted Google Ads campaigns in the Portland Metro area.

✓ Google Ads management for contractors
✓ Lead tracking & conversion setup
✓ Contractor landing page optimization
✓ Local target radius optimization

Local Service Ads (LSA)

Get verified leads with Google's Local Service Ads platform for contractors in Vancouver & Portland.

✓ Google LSA setup & management
✓ Contractor business verification
✓ Customer review management
✓ Service area optimization

Social Media Marketing

Build your contractor brand awareness and engage with the Vancouver & Portland communities.

✓ Contractor project showcases
✓ Local community management
✓ Targeted local ad campaigns
✓ Contractor brand development

Website Management

Keep your contractor website running smoothly with professional maintenance and optimization.

✓ Contractor website maintenance
✓ Security updates & monitoring
✓ Page speed optimization
✓ Project showcase updates

Display Advertising

Increase brand visibility with targeted display campaigns throughout Vancouver WA & Portland OR.

✓ Contractor-focused visual ads
✓ Local audience retargeting
✓ Clark County & PDX geo-targeting
✓ Home service customer targeting

Meet Benjamin Sehayek

Your Local Vancouver WA Digital Marketing Strategist

4+ Years of Proven Marketing Excellence in the Pacific Northwest

Benjamin Sehayek founded VCC (Vancouver Contractor Consulting) in 2025 with a mission to help contractors in Vancouver, Clark County, and the greater Portland metro area dominate their digital presence.

With a BA in Marketing from Western Washington University and extensive experience at Hibu (one of the largest digital marketing agencies in the United States), Benjamin brings enterprise-level expertise to local contractors throughout the Pacific Northwest.

During his tenure at Hibu, Benjamin successfully managed campaigns for contractors and home service businesses across Clark County and the Portland metro area—delivering measurable results and ROI-driven strategies specifically tailored for the local market.

Schedule a Free Strategy Call

Free Marketing Tools for Vancouver & Portland Contractors

Powerful resources to help grow your contracting business in the local market

Areas We Serve

Helping contractors throughout Southwest Washington & the Portland Metropolitan Area

Vancouver, WA

Serving contractors throughout Clark County, Camas, Washougal, Battle Ground, and surrounding areas

Portland, OR

Helping contractors in Portland, Beaverton, Hillsboro, Gresham, and the greater metro area

Why Choose VCC for Your Vancouver WA Contracting Business?

Proven results for contractors throughout Clark County & Portland Metro

4+ Years Experience in the PNW

40+ Local Campaigns Managed

Local Vancouver & Portland Focus

Enterprise Level Marketing Expertise

Ready to Grow Your Contracting Business in Vancouver & Portland?

Get in touch for a free local marketing consultation

Phone

(425) 232-6029

Email

benjamin_sehayek@vancouvercontractorconsulting.com

Address

1660 D St
Vancouver, WA 98663

Business Hours

Monday - Friday
8:00 AM - 6:00 PM

Trusted by local Vancouver & Portland contractors including:

• GenCon Northwest - Vancouver, WA
• E&K Contracting - Portland, OR
• And many more Clark County & Portland metro contractors

Call Now Schedule Free Consultation