InMotion Hosting redessine le site Web de Trester Demolition

L'équipe de conception web d'InMotion Hosting a le plaisir de servir de nombreux types d'entreprises à différentes étapes de leur parcours de présence sur le web. L'équipe expérimentée, qui est composée de concepteurs web seniors, de développeurs frontaux seniors et de conseillers dédiés à la réussite des projets, a créé des designs magnifiques et modernes pour les entreprises qui cherchent à établir un tout nouveau site ou à donner un nouveau look à un site existant. 

Les tendances en matière de conception de sites Web sont en constante évolution. Bien qu'il ne soit pas nécessaire de remanier ton site Web chaque année, tu dois t'assurer qu'il conserve un aspect frais et contemporain. Si ton site a été conçu il y a quelques années, il peut être plus facile de simplement le remanier pour qu'il réponde aux normes modernes du Web. 

Lorsqu'ils sont chargés d'une refonte, il est important que les concepteurs appliquent les styles les plus récents sans perdre l'esprit original de la marque. Les refontes sont différentes des sites entièrement nouveaux parce que tu veux que l'essence de l'entreprise soit toujours reconnaissable. Les lecteurs et les clients fidèles doivent toujours reconnaître l'entreprise lorsque le site Web se charge. 

Tu trouveras ci-dessous un exemple de client montrant l'avant et l'après du processus de conception, et la façon dont notre équipe de conception de sites Web garde la marque à l'esprit lors de la refonte d'un site Web.

Trester Demolition & Concrete Cutting avait besoin d'un nouveau design et ne voulait rien reprendre de l'ancien site Web. La conceptrice, Barbara D., a mis à profit ses années d'expérience en design pour leur donner un nouveau look qui reste fidèle à leur marque et à leur entreprise. 

Le réaménagement de Trester Demolition & Concrete Cutting

Avant que le processus de conception ne commence, les clients de la conception Web remplissent d'abord un formulaire d'entretien qui leur permet de dresser la liste de leurs objectifs, de leurs souhaits et de leurs besoins pour leur nouveau site Web. Ils passent également un entretien téléphonique avec un conseiller dédié à la réussite du projet qui leur explique le processus de conception du site Web et ce à quoi ils peuvent s'attendre en fonction de leurs objectifs.

Après l'appel téléphonique, le concepteur Web principal crée une image haute fidélité de la page d'accueil. Cette image montre au client à quoi ressemblera sa page d'accueil une fois codée, et donne à l'équipe de conception la liberté d'apporter facilement des changements majeurs sans avoir à recoder l'ensemble du site. 

Aperçu de la conception

Au début du processus, Trester Demolition & Concrete Cutting a fourni un magnifique nouveau logo qui a guidé de nombreuses décisions au cours de la phase de conception. Le concepteur a utilisé les bleus, les gris et les noirs du logo tout au long de la conception, et a ajouté des images et des motifs similaires à ceux du logo. 

Ils ont également fourni un contenu spécifique pour la page d'accueil et, en suivant leurs directives en matière de contenu, la conceptrice a créé une mise en page utilisant des arrière-plans pleine largeur pour chaque section allant vers le bas de la page d'accueil, ajoutant un peu de texture avec un motif en béton dans deux des sections et un dégradé horizontal gris pour faire écho au dégradé du logo dans la section centrale. Elle a séparé les sections à l'aide de lignes de séparation bleues de 12 pixels d'épaisseur qui servent de séparateurs visuels et d'accents de couleur.

Le concepteur a poussé la grande image principale (ou image héroïque) de la page d'accueil vers le haut de la page et a ajouté un en-tête blanc transparent au-dessus de l'image, avec le logo bien en vue à gauche. Pour l'image héroïque, la créatrice a choisi une image de stock qui avait déjà un effet de vignette et a ajouté un filtre noir et blanc pour supprimer le ton bleu de l'image d'origine. Elle a également ajouté une légère ombre portée pour créer une profondeur visuelle. La grande image héroïque aura un effet de parallaxe une fois codée. 

Considérations sur les polices de caractères

Le texte de navigation est noir, mais le concepteur a utilisé le bleu du logo comme couleur de survol pour les éléments du menu de navigation, et comme accent dans tout le design. Comme l'indique l'image suivante, la couleur de survol est la couleur à laquelle les éléments du menu changent lorsque l'utilisateur passe la souris sur l'élément du menu. 

L'équipe de conception utilise les polices Google web safe dans ses créations. Les polices sûres pour le Web garantissent que la police choisie sera vue par l'utilisateur final, quel que soit l'appareil ou le navigateur. La police utilisée dans le logo n'est pas une police sécurisée par Google, elle a donc choisi la police sans-serif moderne et propre IBM Plex Sans - en utilisant des graisses moyennes et régulières entre les balises d'en-tête et le corps du texte. 

Services de mise en valeur

En descendant la page, dans la section "Ce que nous faisons", la conceptrice a commencé avec deux images de stock. Plus tard dans le processus, les clients lui ont fourni deux images à utiliser. Elle a ensuite ajouté une superposition sombre comme effet de survol à l'image et a également fait en sorte que l'état du texte survole en bleu pour correspondre au logo. Les images sont placées sur un motif de béton de teinte gris moyen.

Dans la section suivante, qui énumère les différents types de démolition qu'ils effectuent, le concepteur a utilisé un fond dégradé et a ajouté deux rangées d'icônes légendées qui communiquent leurs services de démolition. 

La dernière section met en avant leurs services de sciage. Pour assurer l'équilibre, la créatrice a repris le motif de fond en béton et les polices blanches utilisés dans la section "Ce que nous faisons". Elle a également trouvé une collection d'icônes de stock représentant des lames de scie de différentes formes, ce qui était parfait pour le sujet, et a utilisé une superposition de blanc pour la cohérence.

Pour le pied de page, le concepteur a réalisé une couche de fondation en utilisant un gris plus profond avec une légère teinte bleue et en ajoutant du texte blanc et des icônes de médias sociaux bleus. Sous cette rangée, la bande de copyright est noire avec du texte blanc, formant le bord inférieur visuel du site Web.

Services de conception Web

En utilisant les tendances du web et des années d'expérience professionnelle, le concepteur a pu créer un design moderne et intuitif pour le client qui capturait toujours l'essence de l'entreprise et de la marque. À mesure que les tendances du Web évoluent, il est important de présenter un site Web facile à utiliser, moderne et propre. Les refontes peuvent être difficiles, mais travailler avec une équipe de conception de sites Web expérimentée peut te faire gagner du temps et de l'argent, et contribuer à la promotion continue de ton entreprise. 

Si tu envisages de remanier ton site Web, pense aux services de conception Web d'InMotion. Notre équipe professionnelle de concepteurs de sites Web et de développeurs frontaux créera un site Web personnalisé et magnifique qui attirera les utilisateurs finaux et favorisera la croissance de ton entreprise !