Evietek — Fast, SEO-Ready, Conversion-Focused Agency Website
A production-grade Next.js build for Evietek with tasteful motion, strong Core Web Vitals, and a scalable blog pipeline—shipping ~12 new posts per month post-launch. Integrated Calendly, WhatsApp, contact forms, and a chatbot API to turn visits into conversations.
- Team
- 1 Dev, 1 Designer, 1 PM
- Category
- Marketing Website
- Location
- London, Ontario, Canada
- Date
- Mar–May 2025
- Status
- Launched & Maintained
Context & Objectives
The Context
Evietek needed a brand-forward site that loads fast, ranks reliably, and scales for content. The initial Figma lacked interactions and a CMS/content plan; the goal was to ship a production-grade Next.js build with animation, SEO, and simple publishing.
Business focus: make it easy to inquire and schedule. We integrated Calendly, WhatsApp, and robust contact forms to reduce friction and encourage high-intent engagement.
Objectives & Constraints
- Deliver < 2s LCP on primary landing pages over 4G.
- Ship a structured blog (listing + single) with categories/tags and clean slugs.
- Bake in on-page SEO: semantic headings, canonical, OG/Twitter, Article schema.
- Add scroll-based motion while keeping CLS at 0.00 on key pages.
- Integrate Calendly scheduling, WhatsApp chat, contact forms, and chatbot API.
My Responsibilities
Next.js architecture, routing, data fetching, and component system.
Scroll effects & micro-interactions with Framer Motion (reduced-motion safe).
Core Web Vitals tuning: images, fonts, caching, and hydration strategy.
Form validation, rate limiting, and error monitoring hooks.
CI-ready project setup, preview deployments, and content authoring DX.
Results & Impact
What Changed
How It Came Together
Started with content audit and IA to align pages to search intent (services, projects, blogs, contact).
Built a component-driven system with stable layout and bounded motion to keep CLS flat while improving polish.
Motion should guide, not distract—staggered reveals and hover states improved clarity and perceived quality.
Responsive images and font loading are the biggest CWV wins on visually rich pages.
Key Decisions & Trade-offs
Hybrid Rendering Strategy
Static for posts + edge-rendered shells for snappy navigation and caching efficiency.
Animation Budget
Framer Motion used sparingly; reduced-motion respected for accessibility and performance.
What Shipped, and How It Performs
The new site blends brand expression with measurable speed and search visibility. Editors now ship content consistently (~12/month), with semantics, canonical URLs, and social metadata baked in by default.
Calendly, WhatsApp, and contact forms streamline hand-offs, while analytics events track what’s working to guide iteration.
Tech Stack
Frontend
- Next.js 15
- React 18
- JavaScript
- Tailwind CSS
- Framer Motion
Frontend
- Next.js 15
- React 18
- JavaScript
- Tailwind CSS
- Framer Motion
Backend & APIs
- Node.js Runtime
- REST Endpoints
Analytics & Marketing
- Google Analytics
- Facebook Pixel
- Google Tag Manager
- Reddit Ads
Build & Infra
- Webpack
- Netlify
- AWS
- GitHub Actions
Challenges & Solutions
Maintaining zero layout shift with rich scroll-triggered animations.
Pre-allocated layout boxes, transform-only motion, and reduced-motion fallbacks preserved CLS = 0.00.
Ensuring consistent SEO across newly published blog posts.
Post template enforces H1/H2 structure, canonical, meta/OG, and Article schema by default.
Visual Showcase
Swipe through the screens
The launch hit both brand and performance goals. Publishing is painless and we’re seeing more booked calls from organic traffic.
- Noticeably faster mobile experience
- Blog workflow that non-devs can own
- Clean analytics and event tracking
Lessons Learned & Next Steps
What we learned
- 1
Design for motion early to prevent CLS regressions.
- 2
Codify SEO in templates so authors can’t miss the basics.
Where it goes next
- 1
Programmatic SEO for long-tail topics.
- 2
AI-assisted outlines to accelerate first drafts.
Have a similar challenge? Let’s ship it fast.
Whether it’s a migration, a redesign, or a greenfield build, we’ll help you hit KPIs without burning your team.
- Discovery → scoped plan in days
- Performance-first (Core Web Vitals)
- Secure APIs & clean contracts
- CI/CD + observability from day one
- Free 30-min strategy call
- NDA-friendly. Your IP is safe.