The client: Facet is AI-powered browser based photo editing tool with powerful smart-masking, batch-editing, and style transfer features. My roles & responsibilities: Independent frontend development with focus on design, UI/UX, motion implementation, technical support for transitioning from existing static webpage on Gatsby to Next.js with headless CMS integration.

Requirements: use existing design sketch, Next.js, Contentful headless CMS, TypeScript, GraphQL.

➕set working processes, structure and initial styles for new landing page using Next.js and headless CMS.

➕recreate design from provided sketch for desktop, develop and implement motion features and transitions, adapt to mobile & tablet.

➕review existing schema in Contentful CMS and adjust it to new content structure using Contentful API

Coding knowledge, experience and background in art & design + great implementation of test coding assignment + kind referral to the company by another developer => all together it made me stood out from other candidates 🌟

Next.JS

TypeScript

GraphQL

Contentful CMS using API

Figma

Notion

Slack

The work was used for homepage Facet.ai 💚