Un nouveau site brillant

1 year ago

La première version du site a été développé durant le mois d'Avril dans le but de pouvoir partager les différents projets réalisés et les services que nous offrons en tant qu'entreprise de Branding (terme anglo-saxon qui signe Image de Marque).

 

Un design simple

Etant une entreprise de Branding qui offre comme services la création d'interface utilisateur (UI - User Interface) et la mise en place d'une expérience utilisateur (UX - User eXperience) pour vos sites, il serait suprenant que nous ne réalisons pas un design pour notre propre site :). Le design du site a été réalisé sur le logiciel Adobe XD, propriété de la maison Adobe. La simplicité du logiciel nous permettait de faire du prototypage pour la mise en scène de l'expérience utilisateur au tour de notre site.

 

john's corporation mockup website

 

Le design complet du site sera disponible bientôt sur notre compte Behance. Abonnez-vous pour être notifié lors d'une nouvelle publication.

 

Comment est construit le site ?

 

A la base, nous étions partis sur un site WordPress, notre équipe avait même déjà développé un thème WordPress pour une première ébauche du site. Mais après quelques analyses et propositions nous avons opté pour une solution "plus personnalisable" et le site a été réalisé From Scratch

Nous avons mis un focus sur le full responsive du site, une bonne qualité des images, l'utilisation du svg pour les icônes et la gestion des résolutions d'écran allant même jusqu'au rétina :).

 

Caractéristiques

 

  • Le site a été développé en utilisant le langage PHP avec le framework Laravel
  • Apache s'occupe des requêtes HTTP
  • MySQL s'occupe de tout ce qui est données sur le site
  • Git est utilisé pour versionner le code du site, pour nous permettre d'avoir l'historique des changements effectués
  • Zoho est notre serveur SMTP, c'est lui qui s'occupe de nous envoyer les mails quand vous utilisez le formulaire de contact du site
  • Foundation Zurb est utilisé pour le style global du site

 

Laravel Voyager

 

Après l'avoir utiliser sur différents projets clients, nous avons décidé de l'utiliser cette fois sur notre site. C'est lui qui s'occupe de la gestion du blog présent sur le site, la gestion des médias et le management des permissions et rôles d'utilisateur.

 

Applications utilisées

 

  • Adobe Photoshop - pour le traitement de quelques images
  • Adobe XD - pour la réalisation des interfaces UI et UX
  • Adobe Illustrator - pour la création des icônes (SVG)
  • IntelliJ - pour le développement du site

 

Police de caractères

 

Nous avons utilisé une police de caractères différente de celle de notre charte graphique print. Les Google fonts ont retenus notre choix car elles ont la particularité d'etre fourni par Google (forcément) et gratuite pour la plus part. 

 

Standards, Librairies et Préprocesseurs

 

 

API Web

 

  • Twitter - pour récupérer nos derniers tweets pour le footer du site

 

Images

 

Les images présentent dans les onglets de notre site (A propos, Services, Portfolio, Contact, etc) sont prises sur le site Unsplash

 

Faites un tour complet du site et dites nous ce que vous pensez et comment nous pouvons nous améliorer.

 

Retrouvez nous sur les réseaux sociaux Facebook, Twitter, Instagram, LinkedIn, Dribbble et Behance. Pour toute question n'hésitez pas à nous laisser un mail via le formulaire de contact ou écrivez nous directement à l'adresse contact@johns-corporation.com