DÉVELOPPEMENT WEB

Web Site: SOS SERRURERIE

maquette sur figma du site sosserrurier
maquette home page sur figma

Projet SOS SERRURERIE

https://sos-serrurier.ch/

Vous pouvez desormés visiter le site de SOS-serrurier . Une entreprise local de Genève.Lors de une colaboration et un stage dans lagence web : WECODE à Genève.

Au sein de l’agence web avec laquelle j’ai collaboré, j’ai joué un rôle clé dans le développement complet du site pour l’entreprise « SOS Serrurier ». En plus de concevoir et de mettre en œuvre une plateforme web fonctionnelle et esthétique, notre équipe a également consacré une attention particulière à la construction de l’identité visuelle. Nous avons élaboré un logo distinctif et cohérent, aligné avec les valeurs et le professionnalisme de SOS Serrurier, pour renforcer la reconnaissance de la marque. Cette approche holistique a permis de créer une présence en ligne qui reflète de manière authentique la qualité des services proposés par l’entreprise, tout en offrant une expérience utilisateur exceptionnelle.

Role

Concepetion webdesign et integracao CMS

Contribution

Lors de mon stage a l’agence WECODE, je suis amené a produire le logo, la maquette et l’intégration du site. L’entreprise SOS-Serrurier a démandé une formulation de projet web.

Web Site: PSY SANTE

Projet Psy Santé

Ce projet m’a permis de gérer l’ensemble du processus de création :

  • Conception visuelle et identité
    J’ai débuté par la réflexion et la conception de la maquette, du visuel et du logo de la clinique. Pour ce faire, j’ai utilisé des outils comme Figma et Illustrator, ce qui m’a permis d’établir une identité graphique cohérente et attrayante.

  • Intégration technique
    Par la suite, j’ai intégré ces éléments visuels dans un code structuré et complexe, en utilisant HTML, CSS et JavaScript. Afin d’optimiser le développement et d’assurer une expérience utilisateur fluide, j’ai fait appel aux frameworks Bootstrap et JQuery.

  • Version beta
    Il est important de noter que ce rendu présenté dans mon portfolio est une version beta, et non le rendu final du projet.

Cette démarche montre ma capacité à passer de la conception graphique à l’intégration technique, en utilisant des outils modernes pour développer des solutions web performantes.

Role

Conception webdesign et intégration tou avec la programmation Javascript avec le framework JQuery, plus HTML et CSS-Bootstrap. 

Contribution

Lors de mes études de webmaster au centre de formation IFAGE, j’ai réalisé le projet PSY SANTE, un site web dédié à une clinique psychologique. Pour ce projet, je me suis focalisé principalement sur la programmation en CSS et JavaScript, afin de créer une interface moderne et dynamique. J’ai également intégré des frameworks comme Bootstrap et jQuery pour faciliter le développement et améliorer l’expérience utilisateur.

maquette webdesign d'un site shopping
image HTML CSS et CMS
une maquete de site pour exemplifier le webdesign
maquete d'un page website d'un coffee shop

Maquettes et integration CMS

Ma passion pour le design web m’a conduit à concevoir des maquettes remarquables sur des plateformes telles que Figma et Photoshop. Mon processus créatif implique la visualisation minutieuse de chaque détail, de la mise en page à la palette de couleurs, afin de garantir une esthétique saisissante et une expérience utilisateur optimale. Ces maquettes servent ensuite de guide précis lors de l’intégration, où j’utilise mes compétences en HTML et CSS pour donner vie à ces concepts, créant ainsi des sites web fonctionnels et esthétiquement captivants

Role

Concepetion webdesign et integracao CMS

Contribution

Production des maquettes sur Photoshop et Figma. Les maquettes ont été utilisé pour l’integration deu site web avec HTML et CSS.

image HTML CSS et CMS
image HTML CSS et CMS
une maquete de site pour exemplifier le webdesign
maquete d'un page website d'un coffee shop

Stages

Ma passion pour le design web m’a conduit à concevoir des maquettes remarquables sur des plateformes telles que Figma et Photoshop. Mon processus créatif implique la visualisation minutieuse de chaque détail, de la mise en page à la palette de couleurs, afin de garantir une esthétique saisissante et une expérience utilisateur optimale. Ces maquettes servent ensuite de guide précis lors de l’intégration, où j’utilise mes compétences en HTML et CSS pour donner vie à ces concepts, créant ainsi des sites web fonctionnels et esthétiquement captivants

Role

Stagière dnas agences web

Contribution

Production des maquettes sur Photoshop et Figma. Les maquettes ont été utilisé pour l’integration deu site web avec HTML et CSS.

C'est par le code que l'on construit des rêves numériques, où chaque ligne écrite est une brique vers l'innovation.

– Bill Gates