← All projects

(Case study · 03)

OpseekAgency Website from Figma to Webflow

By Md. Habibur Rahman Shohel · Webflow developer · 2026

  • Webflow
  • Figma
  • JavaScript

Screen recording of the live site

Full marketing website for Opseek, a UI/UX design and web development agency — built from Figma designs in Webflow, with CMS-driven services, case studies, blog and careers the team edits without a developer.

Opseek is a Dhaka-based UI/UX design and web development agency. I developed their full website in Webflow from the Figma designs — Home, Services, Case Study, About Us, Blog, Career and Contact — so the agency's own site shows the same craft it sells.

Role
Webflow developer
Type
Freelance
Year
2026
Stack
Figma · Webflow · Webflow CMS · GSAP
Result
7 pages · CMS the team edits without a developer

(By the numbers)

pages built in Webflow from Figma
7
page sections, each built to the design
48
Google Lighthouse score for SEO
100
Google Lighthouse score for best practices (desktop)
100

Lighthouse measured on opseek.agency, Sep 2026.

(What I built)

  • 01Seven-page marketing site built in Webflow from Figma: Home, Services, Case Study, About Us, Blog, Career and Contact
  • 02Pixel-accurate layouts across Webflow's desktop, tablet and mobile breakpoints
  • 03Webflow CMS collections for services, case studies, blog posts and job openings, so content is edited in the CMS instead of the Designer
  • 04Careers page with roles grouped by department, a location filter, salary ranges and an application form
  • 05Webflow Interactions and GSAP for the preloader, service slider and scroll-based motion
  • 06Mixed-typeface headlines (sans plus serif italic accent) reused as one class across every page
Show 2 more
  • 07Enquiry forms with budget ranges, FAQ accordions, testimonials, leadership team and tech-stack sections
  • 08SEO titles and meta descriptions set per page

Process

(Problem → what I did)
  1. 01

    Problem

    Turning Figma frames into a Webflow build the next developer can follow — as maintainable as a component codebase, without one-off styles per page.

    What I did

    • Kept one class convention, with shared global classes for containers, spacing, headings and buttons across all seven pages.
  2. 02

    Problem

    The CMS had to be safe for a non-technical team to run.

    What I did

    • Modelled services, case studies, blog and jobs as CMS collections with clear fields, switches and sort order.
    • Wrote a full build spec for the careers section — CMS schema, page structure, styles, interactions and breakpoints — before building it.
  3. 03

    Problem

    The brand's grey and blue text failed WCAG AA contrast at small sizes.

    What I did

    • Measured contrast in the browser and added text colour variables that pass WCAG AA while keeping the brand look.

The product

48 screens from the real product. Click any screen to see it full size.

(On mobile)

Works just as well on the phone.

Every screen was built and checked on small screens too — the same product adapts cleanly from phone to desktop.

(Shipped)

Opseek now runs its live agency website on Webflow, and the team updates services, case studies, blog posts and job openings from the CMS without a developer.

Next project

Mobile apps

Need something like Opseek? I build web, mobile and backend — end to end.

Hiring? See my experience →