OMBRES & LUMIÈRES

OMBRES & LUMIÈRES

projet professionnel

projet professionnel

OMBRES & LUMIÈRES

OMBRES & LUMIÈRES

professionnal project

professionnal project

Mon premier projet professionnel était de créer un blogue pour ma mère. Je l’ai créé à partir de zéro, du design jusqu'à l’intégration sur Wordpress. Elle voulait un blogue centré sur la spiritualité et un design ressemblant au cosmos. Donc, j'ai créé un site où elle peut écrire ses blogues et l'intégrer dans son site sans problème et avec aucun code nécessaire de sa part.

My first professional project was to create a blog for my mother. I built it from scratch, from the design to the integration on the CMS WordPress. She wanted a blog focused on spirituality and a design resembling the cosmos. So, I created a website where she could write her blogs and integrate them into her website seamlessly without any coding required.

Vidéo présentant le site Video showing the website

1 - design

1 - design

Ma mère voulait des couleurs ressemblant à l’espace, donc j’ai utilisé des mauves et des bleues très foncées. La typographie est élégante, mais visible.

1 - design

1 - design

My mom wanted colors that resembled space, so I used very dark purples and blues. The typography is elegant, yet visible.

2 - html / php

2 - html / php

J’ai commencé à faire la mise en page en fichiers HTML avant de les intégrer en fichiers PHP pour faciliter l’inclusion du PHP

2 - html / php

2 - html / php

I started doing the layout in HTML files before integrating them into PHP files to facilitate the inclusion of PHP

3 - css

3 - css

Le CSS était la partie la plus longue à faire. Mais après beaucoup d’essais et erreurs, les styles du site sont tous fonctionnels à tous les écrans

3 - css

3 - css

The CSS was the most time-consuming part. But after a lot of trial and error, the site's styles are all functional on all screens.

4 - javascript

4 - javascript

Le JavaScript est juste utilisé pour les onglets dans la page des articles. Je ne suis pas très apte avec le JavaScript, donc j’ai opté pour une option plutôt débutante.

4 - javascript

4 - javascript

JavaScript is only used for tabs on the articles page. I'm not very good with JavaScript, so I opted for an option that's rather beginner.

5 - organisation

5 - organisation

Les fichiers sont bien organisés. Les fichiers PHP sont au premier niveau, tandis que les images, les icônes, le script et les styles sont dans leur dossiers respectifs. Le fichier CSS ‘style’ est juste là pour que le thème fonctionne sur WordPress.

5 - organisation

5 - organisation

The files are well organized. The PHP files are at the top level, while the images, icons, scripts, and styles are in their respective folders. The CSS 'style' file is there simply to make the theme work on WordPress.

Résultat

Résultat

Results

Results