AbaqueTraduction – Formulaire pour une Agence de Traduction

Présentation de AbaqueTraduction, un petit projet qui visait à proposer une page de mise en relation pour une agence de traduction.

Cet article est une archive du 1 Juillet 2018 ( En savoir plus ).

« Traduire pour conquérir« , telle est la devise du projet que je vais présenter dans cet article !

Salut à tous, j’espère que vous allez bien ! 😃

Aujourd’hui, nouvel article assez tranquille, dans lequel je vous présente un nouveau projet rapidement.

Abaque Traduction ?

Nommé AbaqueTraduction, ce projet a pour but de proposer de traduire des textes, des applications, des sites internet, etc …

Pour cette commande, mon principal objectif n’était pas de créer le site ( Il existe déjà ), mais de développer une extension à celui-ci sous forme de deux pages qui vont servir au recrutement du site.

Du point de vu back-end, je n’avais rien à faire, je n’avais que le front-end à faire.

Les deux contraintes que j’avais, étaient de garder tous les éléments d’un model déjà existant, et de l’adapter au design du site AbaqueTraduction.

Les pages

Première page : L’accueil de recrutement.

Pour cette page, rien de trop compliqué, j’ai surtout passé pas mal de temps à créer le design qui correspondait avec le design de base.

Deuxième page ( la plus intéressante ) : Le formulaire en question.

Pour le coup, j’ai vraiment beaucoup aimé la faire.

En effet, j’ai été confronté à quelques petits challenges à surpasser, et j’avoue m’en être plutôt bien sorti !

Déjà, trouver une idée pour mettre en forme le formulaire, dis comme ça, ça paraît simple, mais mine de rien, ça m’a demandé pas mal de temps de recherche.

L’autre challenge était de faire des « checkbox » custom seulement en CSS.

Et là, une fois de plus, je suis plutôt content de moi, j’ai vraiment réussi à adapter tout ça pour en faire un design assez propre !

Et puis, le challenge plus global était vraiment de réaliser un formulaire propre et flat.

Conclusion

Je suis vraiment fier du résultat dans son ensemble : belle mise en forme, sans maquette, propre !

C’est ici que se termine cet article !

N’hésitez pas à donner vos avis en commentaire 😉

A très vite pour un nouvel article !