Portfolios Archive - Mehdi Design

Une vitrine pour l'expertise digitale.

Catégorie :

Web Design

Client :

Optiweb

Date :

Avril 2024

Logiciel :

WordPress

01 . Le Concept

Une plateforme dédiée à l'optimisation digitale.

Le client souhaitait un site professionnel et simple qui reflète leur expertise en SEO et SEA. L’objectif était de créer un site clair et intuitif, permettant de présenter leur mission d'accompagnement des entreprises pour maximiser leur retour sur investissement, qu'il s'agisse de start-ups ou de grandes entreprises.

Mockup de site web UI/UX réalisé par Mehdi Design à Bordeaux en webdesign

02 . La Conception

Une solution sur mesure.

En m'appuyant sur les maquettes fournies par le client, j'ai développé le site avec WordPress en utilisant l'éditeur Gutenberg. Le design met en avant leur savoir-faire en matière de référencement naturel (SEO) et payant (SEA), tout en intégrant des éléments stratégiques comme le content marketing et les médias sociaux. Tous les éléments graphiques, polices et images ont été fournis par le client, garantissant une continuité visuelle et une forte cohérence avec leur branding.

Site de présentation en webdesign créé par Mehdi Design à Bordeaux, spécialiste UI/UX

03 . Le Résultat

Visiter Optiweb

Le contexte et le brief de ce projet sont fictifs et à but pédagogique.

Projet précèdent

AccessiWeb

Projet Suivant

Pic de Gance

tous les projets

Rendre le web accessible à tous.

Catégorie :

Web Design

Client :

AccessiWeb Conseil

Date :

Avril 2024

Logiciel :

WordPress

01 . Le Concept

Rendre l'accessibilité numérique centrale.

Le client souhaitait un site clair et fonctionnel, axé sur la présentation de leur expertise en matière d’accessibilité web. Il fallait également refléter leur engagement à rendre le web plus inclusif, notamment à travers la mise en avant de leur équipe et de leur mission. Le pitch "Votre expert en accessibilité numérique" devait être visible et facilement compréhensible, et une section blog a été ajoutée pour partager des ressources et conseils sur l'accessibilité.

Maquette de site réalisée par Mehdi Design, webdesigner UI/UX à Bordeaux

02 . La Conception

Simplicité et praticité.

Pour le développement du site, j'ai choisi d'utiliser WordPress avec l'éditeur Gutenberg pour assurer flexibilité et facilité de mise à jour. Tous les éléments graphiques, textes et photos ont été fournis par le client, ce qui a permis de respecter leur charte visuelle. Afin de renforcer l'accessibilité, j'ai opté pour un design en dark mode, facilitant la lecture grâce à un meilleur contraste. J'ai également intégré un bouton d'accessibilité offrant aux utilisateurs la possibilité d'agrandir les textes, d'augmenter le contraste, et d'ajuster d'autres paramètres pour une meilleure expérience utilisateur. Enfin, le logo, que j'ai moi-même créé, a été validé par le client et intégré harmonieusement dans le design du site.

Prototype de site web créé par Mehdi Design à Bordeaux, spécialisé en webdesign UI/UX

03 . Le Résultat

Visiter AccessiWeb Conseil

Le contexte et le brief de ce projet sont fictifs et à but pédagogique.

Projet précèdent

La Table de 3

Projet Suivant

Optiweb

tous les projets

Élégance culinaire, un design épuré.

Catégorie :

Web Design

Client :

La Table de 3

Date :

Avril 2024

Logiciel :

WordPress

01 . Le Concept

Une simplicité élégante.

Le client souhaitait un site pour son restaurant qui soit à la fois élégant, simple et intuitif, particulièrement dans les sections Menu et Réservation. L’objectif était de refléter la qualité et l’atmosphère de l’établissement tout en offrant une expérience utilisateur fluide et agréable.

Présentation d'un site pour restaurent, conçu par Mehdi Design, spécialiste en webdesign à Bordeaux

02 . La Conception

Développement sur Mesure.

Le site a été développé avec WordPress en utilisant le constructeur de pages Gutenberg. J’ai intégré les éléments fournis par le client, y compris les icônes, les polices et les photos. Chaque composant a été soigneusement placé pour respecter l’élégance et la simplicité demandées, garantissant que le site soit à la fois esthétique et fonctionnel.

Maquette de site web en webdesign réalisée par Mehdi Design à Bordeaux, spécialisée en UI/UX

03 . Le Résultat

Visiter La Table de 3

Le contexte et le brief de ce projet sont fictifs et à but pédagogique.

Projet précèdent

Bord'o Bulles

Projet Suivant

AccessiWeb

tous les projets

Affiche pour un événement BD à Bordeaux

Catégorie :

Graphic Design

Client :

Bord'o Bulles

Date :

Juillet 2024

Logiciel :

Adobe Illustrator

01 . Le Concept

Célébrer le festival au sein des Bordelais.

Le projet visait à promouvoir Bord'O Bulle, un festival dédié à la bande dessinée et aux mangas à Bordeaux. Le brief demandait de créer une affiche percutante qui incarne l'esprit dynamique et visuel du festival. La conception devait célébrer la culture BD tout en restant contemporaine, attirant ainsi l'œil et transmettant l'énergie du festival.

02 . L'idée

Plongée dans l'univers BD, l'Inspiration derrière l'affiche.

Pour l'affiche du festival Bord'O Bulle, j'ai choisi de m'inspirer des éléments visuels emblématiques des bandes dessinées et mangas. L'objectif était de capter l'attention du public en utilisant des graphismes qui rappellent immédiatement l'univers BD et manga. En intégrant des caractéristiques visuelles familières et attrayantes pour les amateurs de ces genres, j'ai voulu créer une affiche qui plonge les passants dans l'ambiance du festival et reflète la culture créative et ludique de l'événement.

03 . La Conception

Réalisation dynamique de l'affiche.

La création a débuté par l’élaboration d’un design utilisant des éléments graphiques inspirés des bandes dessinées et mangas. Les couleurs vives et les lignes expressives ont été sélectionnées pour évoquer l'univers créatif et ludique du festival. La mise en page a été soigneusement conçue pour refléter l’ambiance festive et dynamique de l’événement.

Affiche grand format créée par Mehdi Design, spécialisée en UI/UX et impression

04. Les Mockups

Prévisualisation réelle, l'affiche en action.

Pour une prévisualisation réaliste, un mockup a été créé, illustrant l'affiche dans un contexte réel. Cela a permis de vérifier l'impact visuel du design et de s'assurer qu'il répondait aux attentes avant l'impression finale. Ce processus a garanti que l'affiche serait efficace dans son environnement d'affichage prévu, tout en respectant les contraintes de l'imprimeur choisi.

Le contexte et le brief de ce projet sont fictifs et à but pédagogique.

Projet précèdent

Pure Radiance

Projet Suivant

La Table de 3

tous les projets

Promotion dynamique de la gamme 'Pure Radiance'

Catégorie :

Graphic Design

Client :

Éclat Naturel

Date :

Juillet 2024

Logiciel :

Adobe Illustrator + Photoshop

01 . Le Concept

Éclat Naturel et la fraîcheur de 'Pure Radiance'.

Pour la campagne de promotion de la gamme de soins 'Pure Radiance', Éclat Naturel souhaitait une affiche grand format pour abribus capturant l'attention d'une audience jeune et active. Le concept devait refléter la fraîcheur et l'éclat de la gamme tout en utilisant des éléments visuels dynamiques et modernes, tels que des dégradés pastel et des cadres stylisés, pour s'aligner avec les tendances digitales actuelles et renforcer l'attrait de la marque.

02 . L'idée

Affiche inspirée des stories Instagram pour capter un public jeune et dynamic.

Pour cette campagne j'ai opté pour une approche inspirée des stories Instagram. En utilisant ce format visuel populaire, j'ai cherché à capter l'attention du public jeune en tirant parti de la reconnaissance immédiate et de l'engagement que ce style graphique génère. L'intégration d'éléments visuels dynamiques et colorés, similaires à ceux des stories, vise à séduire et à retenir l'attention des utilisateurs de réseaux sociaux, en s'alignant avec leur consommation visuelle quotidienne.

03 . La Conception

Réalisation de l'affiche grand format.

Le processus a débuté avec la création du mockup sur Photoshop. Ce mockup a servi à concevoir l'image principale de l'affiche, représentant la gamme de produits. Afin de garantir une qualité impeccable sur le grand format de 120 x 176 cm, l'image a été upscale avec un logiciel spécialisé pour éviter toute perte de qualité ou pixellisation. Le design final a ensuite été élaboré sur Illustrator, permettant un ajustement précis des détails et des éléments graphiques. Enfin, le fichier a été exporté avec des réglages spécifiques pour le print, tout en respectant les contraintes de l’imprimeur choisi, assurant ainsi une qualité optimale pour l'impression grand format.

Affiche print réalisée par Mehdi Design, web designer UI/UX pour abribus

04. Les Mockups

Une prévisualisation extrêmement importante.

Les mockups ont été créés pour offrir une prévisualisation réaliste de l'affiche dans un environnement réel. Ils permettent de voir à quoi l'affiche ressemblera une fois imprimée et installée, assurant ainsi que le design fonctionne parfaitement dans son contexte d'utilisation prévu.

Le contexte et le brief de ce projet sont fictifs et à but pédagogique.

Projet précèdent

Papaddle

Projet Suivant

Bord'o Bulles

tous les projets

Design accrocheur pour une boutique de paddles en ligne.

Catégorie :

Graphic Design

Client :

Papaddle

Date :

Août 2024

Logiciel :

Adobe inDesign

01 . Le Concept

Dynamisme et clarté.

Pour Papaddle, une boutique en ligne spécialisée dans les paddles, j'ai créé une brochure percutante en respectant la charte graphique fournie et les directives du brief. Conçue avec InDesign et en utilisant des gabarits adaptés, la brochure reflète l'identité visuelle de la marque tout en mettant en avant les produits de manière claire et attrayante.

02. Visualisation interactive

04. Les Mockups

Présentation de la brochure en situation réelle.

Le mockup de la brochure Papaddle montre le design en situation réelle, offrant une vision concrète de son apparence et de son impact. Ce visuel permet de voir la brochure dans un contexte physique, mettant en valeur sa mise en page et son design dynamique pour la boutique en ligne spécialisée dans les paddles.

Le contexte et le brief de ce projet sont fictifs et à but pédagogique.

Projet précèdent

Céramica

Projet Suivant

Pure Radiance

tous les projets

Modernisation & Branding.

Catégorie :

Brand Design

Client :

Le Café Céramica

Date :

Août 2024

Logiciel :

Adobe Illustrator

01 . Le Concept

Modernisation du logo pour une nouvelle identité visuelle.

L'objectif était de revitaliser l'image de marque du café en conservant son essence tout en lui offrant une touche contemporaine. Ce processus de modernisation incluait la simplification des éléments graphiques, la mise à jour des couleurs et des typographies, et l'intégration de nouveaux motifs qui reflètent mieux l'ambiance actuelle du café. Le résultat final visait à rendre le logo plus attrayant et mémorable, tout en améliorant sa cohérence avec la marque et ses valeurs.

02 . L'idée

Fusion de chaleur et de personnalité.

L'idée centrale était d'intégrer un cœur stylisé dans la tasse à café, élément clé de l'ancien logo, pour créer une harmonie visuelle. Ce symbole représente la chaleur et l'atmosphère familiale du café, tout en reflétant la passion de la gérante. L'ancien logo, une tasse simple et froide avec une forme asymétrique, a été entièrement retracé en vectoriel. En ajoutant le cœur stylisé et en fusionnant les éléments de manière harmonieuse, le nouveau design est devenu équilibré, chaleureux, et plein de personnalité.

Élément graphique en forme de cœur pour un café, conçu par Mehdi Design

03 . La Conception

Harmonie visuelle et palette de couleurs personnalisée.

Le logo final est simple et percutant, reflétant un lieu accueillant et confortable. La police a été choisie pour son caractère amical, tandis que la palette de couleurs a été sélectionnée en collaboration avec la cliente pour s'harmoniser avec les teintes de la fourniture et de la peinture du local. Le cœur symbolise l'ambiance chaleureuse ainsi que l'engagement envers la qualité et l'accueil.

Logotype pour un café conçu par Mehdi Design à Bordeaux

04. Les Mockups

Application du logo sur supports typiques d'un café

Les mockups du logo Céramica ont été réalisés pour divers supports, y compris des sacs en toile, des pochettes en carton pour la poterie, des cartes de visite, et des gobelets à emporter. De plus, l'intégration du logo a été présentée sur l'enseigne de vitrine, mettant en valeur son impact visuel dans un contexte extérieur. Cette présentation permet de visualiser le logo sur différents types de fournitures et d'articles, ainsi que sur l'enseigne, montrant comment il renforce l'identité visuelle de l'établissement et s'harmonise avec l'environnement du café.

Le contexte et le brief de ce projet sont fictifs et à but pédagogique.

Projet précèdent

Growing Up

Projet Suivant

Papaddle

tous les projets

Une identité visuelle pour la formation professionnelle.

Catégorie :

Graphic Design

Client :

Pic de Gance

Date :

Juin 2024

Logiciel :

Adobe Illustrator

01 . Le Concept

Un logo qui incarne la croissance et l'évolution.

Pour "Growing Up", un futur organisme de formation spécialisé dans le domaine du tertiaire, j'ai été chargé de concevoir un logo qui renforce leur identité visuelle. L'objectif était de créer un design représentatif de leur activité, tout en véhiculant une image moderne, dynamique, et professionnelle. Ce logo devait également incarner l'idée de progression et d'opportunités de reconversion pour un public adulte, positionnant "Growing Up" comme un acteur majeur de la formation professionnelle.

02 . L'idée

Capturer la croissance et l'évolution.

En travaillant sur le logo de "Growing Up", j'ai instinctivement voulu capturer le sens du mot "Up" (haut) et "Growing" (grandir). Une flèche pointant vers le haut m'a donc semblé être le symbole parfait pour véhiculer l'idée de croissance et d'évolution. J'ai cherché à harmoniser cette flèche avec la lettre "G" de "Growing" pour créer un design fluide et moderne.

mehdi-design-croquis-lettering-polices-creation-designer

03 . La Conception

Couleurs et typographie pour symboliser la croissance.

Pour renforcer l'idée de croissance, j'ai choisi des nuances de vert, une couleur qui évoque naturellement cette notion dans l'inconscient collectif. Enfin, j'ai opté pour une police ronde et riche sans serifs, adaptée au monde de la formation, qui apporte à la fois simplicité et professionnalisme.

04. Les Mockups

Application du logo sur supports de façade et de bureau.

Les mockups du logo 'Growing Up' ont été réalisés pour divers supports de façade d'établissement et d'articles de bureau. Les visuels incluent des enseignes extérieures, des cartes de visite, des stylos et autres fournitures de bureau. Cette présentation permet de voir comment le logo s'intègre dans des contextes professionnels variés, renforçant son impact visuel et son adaptation à l'environnement de formation et de développement professionnel.

Le contexte et le brief de ce projet sont fictifs et à but pédagogique.

Projet précèdent

Galaxia

Projet Suivant

Céramica

tous les projets

Une aventure spatiale inspirée des écussons de mission.

Catégorie :

Graphic Design

Client :

Galaxia

Date :

Mai 2024

Logiciel :

Adobe Illustrator

01 . Le Concept

Aventure et exploration spatiale dans un emblème.

Pour le projet "Galaxia", j'ai été chargé de créer un logo emblème pour une entreprise spécialisée dans la conception et la vente de vêtements et de goodies autour du thème de la conquête spatiale américaine. L'objectif était de concevoir un logo qui s'inspire des écussons de mission spatiale, reflétant l'esprit d'exploration et d'aventure. Ce logo devait être à la fois percutant et durable, afin de renforcer la réputation de Galaxia auprès des passionnés d'exploration spatiale et des amateurs de produits originaux.

02 . L'idée

Un 'G' caché dans une spirale galactique.

J'ai transformé la spirale d'une galaxie en un "G" discret. L'idée était de créer un effet de surprise, où le "G" se révèle après un second regard, évoquant l'infini de l'espace et la découverte. le tout renfermé dans un emblème en forme de hublot de navette spatiale. Le fond, avec ses couleurs rappelant une nébuleuse, donne l'impression de regarder l'espace depuis l'intérieur de la navette, créant un effet de découverte cosmique.

03 . La Conception

Un fond nébuleux pour une immersion cosmique.

Le fond du logo utilise des couleurs évoquant une nébuleuse, créant l'impression de contempler l'espace depuis l'intérieur d'une navette spatiale. Pour renforcer cette idée, l'emblème a été conçu pour ressembler à un hublot de navette, accentuant l'effet d'immersion et de découverte cosmique. Cette approche offre une vision captivante et profonde de l'univers, comme si l'on explorait les mystères du cosmos en direct.

04. Les Mockups

Présentation du logo Galaxia sur merchandising.

Les applications ont été concentrées sur le merchandising, en raison de la nature de la boutique en ligne spécialisée dans les produits autour de la conquête spatiale. Les mockups incluent une large gamme de goodies, tels que des t-shirts, des casquettes et des accessoires, mettant en valeur l'effet visuel du logo sur différents articles. Cette présentation illustre l'impact du design en impression, broderie et autres finitions.

Le contexte et le brief de ce projet sont fictifs et à but pédagogique.

Projet précèdent

i-Novation

Projet Suivant

Growing Up

tous les projets

Un événement dédié à la technologie de pointe.

Catégorie :

Graphic Design

Client :

i-Novation

Date :

Juin 2024

Logiciel :

Adobe Illustrator

01 . Le Concept

Un logo innovant au service de la technologie pour tous.

Pour i-Novation, un événement annuel de 5 jours qui se déroule dans les grandes villes de France, j'ai été chargé de créer un logo qui capture l'esprit de l'innovation. L'objectif était de concevoir un logo moderne et accessible, reflétant la technologie de pointe pour tous, aussi bien le grand public que les professionnels.

02 . L'idée

Un logo alliant innovation et modernité.

Le logo i-Novation que j'ai conçu allie innovation, modernité et accessibilité. Le symbole visuel, un "i" couché horizontalement, est composé d'une ligne fluide qui symbolise le processus de réalisation de l'innovation, se terminant par un point qui représente le résultat final.

03 . La Conception

Dégradé de couleurs et typographie moderne pour une innovation accessible.

Les couleurs en dégradé, allant du bleu au vert, illustrent la progression technologique, avec le bleu pour la fiabilité et le vert pour l'accessibilité. La typographie moderne et épurée du texte "i-NOVATION" reflète la simplicité, soulignant une innovation accessible à tous, tant pour le grand public que pour les professionnels.

04. Les Mockups

Déclinaison du logo pour une vue d'ensemble.

Le logo a été décliné sur plusieurs types de supports pour visualiser son impact dans divers contextes. Cette présentation met en avant les dégradés de couleur et la typographie moderne, offrant un aperçu clair de l'adaptation du logo avant la finalisation.

Le contexte et le brief de ce projet sont fictifs et à but pédagogique.

Projet précèdent

Bat Beats

Projet Suivant

Galaxia

tous les projets