ClientNo Wifi SummercampWebdesign - Logo - Intégration - Brandingvoir le site

Création d'un site de A à Z

No Wifi Summercamp est un projet réalisé dans le cadre d'un tutoriel expliquant comment créer un site internet avec le générateur de site statique Middleman. Ce tutoriel, rédigé par mes soins est disponible en ligne sur le blog.

Le tutoriel explique comment créer un site internet à l'aide de Middleman et comment l'héberger gratuitement sur Github Pages. Au fil des huit longs articles, on passe par toutes les phases de création, du design à la mise en ligne en passant par le code des pages et les diverses optimisations.

Design

Le design du site à été fait dans Sketch qui tend à devenir mon outil privilégié pour la création d'interface graphique pour le web. On peut facilement gérer des vues complexes, gagner du temps grâce aux symboles et les fonctions d'export facilitent la génération d'assets pour le responsive web design et la gestion des écrans retina/hdpi.

No Wifi summercamp

Code

Le site se basant sur Middleman, j'ai pu utiliser diverses technologies rendant le développement très agréable comme Slim comme langage de templating, du Markdown pour la rédaction des articles et mes incontournables Bourbon et Neat pour les CSS.

Les sources du site sont disponibles sous licence MIT et consultables, téléchargeables sur le dépôt Github du projet.


Page d’accueil sur un grand écran

NoWifi Summercamp

Affichage de la page équipe

NoWifi Summercamp

Page Camp sur smartphone

NoWifi Summercamp

Projet précédent : Ours Barbu