CerealAgroalimentaire biologique.

wordpress cereale
Description

CÉRÉAL BIO est une marque française d’agroalimentaire biologique. La marque propose une variété de recettes de l’apéritif et des entrées aux plats et desserts.

Nous sommes intervenus dans la refonte complète du site fin 2018, ainsi que pour son évolution et ses mises à jour durant 1 an. Le site a depuis été refondu et il est désormais accessible sur le domaine cerealbio.fr

  • Intégration
  • Développement web
illustration cereale
logo cereale
icones cereale

Branding

Cereal.fr a été réalisé dans un style créatif et Flat design avec de grandes images illustrant les produits de la marque.

wordpress cereale

Palette de couleurs

Les principales couleurs utilisées sur l’ensemble du site (hors déclinaison):

#1D2E4F

Background

#85c437

Elements : boutons, icônes

#d0080b

Logo et éléments

#862751

Background

Typographie

Les 3 types de police utilisées sont Lifehack, Oswald et Asap avec 7 déclinaisons de graisse. Lifehack est une typographie dynamique et créative. Elle est utilisée en combinaison avec Oswald pour concevoir des titres et des boutons élégants et attractifs. Asap est utilisée pour les textes pour son confort de lecture.

Lifehack-regular

font-family: « lifehack-regular », cursive; font-size: 3.21em; line-height: 1em; color: #87C636;

Oswald-bold

font-family: « oswald-bold », sans-serif; font-size: 1.25em; line-height: 1.5em; color: #3b5b0c;

Asap-regular

font-family: « asap-regular »; font-size: 1.28em; line-height: 1.75em; color: #1C1C1C;

Développement web

Cereal.fr est un site web Drupal avec un thème réalisé sur mesure (fromScratch). Nous sommes intervenus dans l'intégration web et le developpement de 22 pages types. J'ai également concu un module d'enregistrement des recherches utilisateurs ainsi qu'un système de navigation par tag administrable.

wordpress cereale responsive
wordpress cereale responsive

Intégration web: WordPress sur-mesure

Intégration de 22 modèles de page dont 10 pages avec plus de 7 sections riches et variées. Un travail important en JS / JQ pour les catalogues notamment.

Projet

  • Date : 2018 – 2019
  • Chef de projet : Agence Verywell, Desmotta
  • Partenaire : Jérémie
  • Création du site : 5 mois
  • Evolution du site : 1,5 mois

HTML

  • Sur mesure (From scratch)
  • 22 modèles de page
  • Thème générique

SCSS

  • Flex (25%), Foundation 6
  • Fluide : % / em / rem
  • Responsive & compatibilité

Javascript & environnement

Front / JavaScript / JQ

  • 1 Menu responsive custom
  • 2 Catalogues avec filtres ajax
  • Sliders, popup, accordéon etc.
  • Grid masonry

Edition

  • Site éditable à 80%

Environnement

  • PhpStorm
  • Gulp
  • Git / GitHub

Responsive 15 breakpoints

Responsive tous supports : smartphone 0-640 px | tablette 640-1024 px | écran 1024 et + | breaks point intermédiaires

tablette cereale
logo cereale
smartphone cereale
smartphone cereale

Avis du client

Je connais Mathieu (Donéo) depuis 2 ans et travaille avec lui régulièrement sur des projets en Drupal 7/8 et Wordpress, il est très compétent et extrêmement réactif. D'un naturel joyeux c'est un vrai plaisir de travailler avec lui, je souhaite que notre collaboration se poursuive le plus longtemps possible !

Anael Desmons Chef de projet

Développement PHP

Developpement DRUPAL orienté API pour la performance, nous n’avons pas utilisé Views. Création custom des pages catalogues « Recettes » et « Produits » avec filtres AJAX (sans Views). Création d’un module d’enregistrement des recherches utilisateurs. Création d’un fil d’actualité.

PHP

  • 2 catalogues avec filtres
  • Optimisation de tables BD produits
  • Module d’enregistrement des recherches

Autres

  • Néant

Modules

  • Modules contribués classiques

Sécurité & SEO

Sécurité

  • Non effectuée

SEO

  • Non effectué