Carousel item 1
Carousel item 2
Carousel item 3
Slide 0 of 0

Formulaire Next.js

March 2024

Context

A form was developed to meet the needs of a freelancer seeking new leads. This custom-designed form is structured to maximize the collection of relevant information from prospects. Each field has been carefully crafted to gather useful data while ensuring a simple and enjoyable user experience.

Description

This form, built with Next.js, is designed as a multi-step process to provide a smooth and intuitive user experience. Each step guides the user in entering the required information, ensuring a clear and organized data collection process. Once the form is submitted, an automated system sends an email directly to the freelancer. This email contains all the information entered in the form, presented in a detailed and easy-to-use format. Additionally, special attention was given to the website's search engine optimization (SEO). Specific techniques were implemented, such as meta tag optimization, content structuring with semantic tags, and the integration of strategic keywords. These efforts ensure that the site is efficiently indexed by search engines like Google, enhancing its online visibility and ability to attract a targeted audience. This optimization work maximizes the form's impact and ensures broader reach for the freelancer.

Technologies Used

Back-End

Express.js

Intermediate Level

BDD

MongoDB

Intermediate Level

CI/CD

Docker

Beginner Level

Front-End

Next.js

Intermediate Level

Gestion de projet

Git

Intermediate Level

GitHub

Advanced Level

Langage

Typescript

Intermediate Level

Node.js

Intermediate Level

UX/UI

Shadcn/ui

Advanced Level

Tailwind CSS

Advanced Level
antoinepicard.com