Facet.ai - updated webpage
❔ About
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.
🔻 Goals:
➕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
🌏 Why me:
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 🌟
🍔 Tech Stack
Next.JS
TypeScript
GraphQL
Contentful CMS using API
Figma
Notion
Slack
⏯ Final result
The work was used for homepage Facet.ai 💚
2021
