<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Archives des Web design - Studio TiYeti</title>
	<atom:link href="https://www.studiotiyeti.fr/portfolio-category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.studiotiyeti.fr/portfolio-category/web-design/</link>
	<description>Graphiste et illustratrice freelance Manche</description>
	<lastBuildDate>Thu, 10 Apr 2025 12:40:27 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.studiotiyeti.fr/wp-content/uploads/2023/02/cropped-Studio-TiYeti-graphiste-illustratrice-Favicon_Plan-de-travail-1-32x32.png</url>
	<title>Archives des Web design - Studio TiYeti</title>
	<link>https://www.studiotiyeti.fr/portfolio-category/web-design/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>123 J’écoute</title>
		<link>https://www.studiotiyeti.fr/portfolio-item/123-jecoute-graphisme-secteur-medical/</link>
		
		<dc:creator><![CDATA[MarineG]]></dc:creator>
		<pubDate>Sat, 11 Feb 2023 18:34:15 +0000</pubDate>
				<guid isPermaLink="false">https://www.studiotiyeti.fr/?post_type=portfolio-item&#038;p=6262</guid>

					<description><![CDATA[<p>Contexte Spécialiste de la correction auditive 123 J’écoute est un audioprothésiste à Saint-Contest qui propose des bilans, aides auditives et l’entretien de celles-ci. &#160; Mes missions Remettre au goût du jour l’identité visuelle 123 J’écoute a fait appel à l’agence [&#8230;]</p>
<p>L’article <a href="https://www.studiotiyeti.fr/portfolio-item/123-jecoute-graphisme-secteur-medical/">123 J’écoute</a> est apparu en premier sur <a href="https://www.studiotiyeti.fr">Studio TiYeti</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2><b>Contexte</b></h2>
<h3>Spécialiste de la correction auditive</h3>
<p><img decoding="async" class="alignnone size-full wp-image-5703" src="https://www.studiotiyeti.fr/wp-content/uploads/2023/01/Trois-points-titre.png" alt="" width="44" height="10" /></p>
<p>123 J’écoute est un audioprothésiste à Saint-Contest qui propose des bilans, aides auditives et l’entretien de celles-ci.</p>
<p>&nbsp;</p>
<h2><b>Mes missions</b></h2>
<h3><b>Remettre au goût du jour l’identité visuelle</b></h3>
<p><img decoding="async" class="alignnone size-full wp-image-5703" src="https://www.studiotiyeti.fr/wp-content/uploads/2023/01/Trois-points-titre.png" alt="" width="44" height="10" /></p>
<p>123 J’écoute a fait appel à l’agence <a href="https://www.essentiel-conseil.net/">Essentiel</a> dans laquelle je travaillais pour refondre sa charte graphique qui n’était plus actuelle. J’ai donc commencé par retravailler le <a href="https://www.studiotiyeti.fr/identite-visuelle/">logo</a>, en gardant le même esprit mais en modernisant les couleurs, la typographie et le pictogramme. Ensuite, j’ai réalisé le <a href="https://www.studiotiyeti.fr/design-web/">site web</a>, en faisait bien attention à la cible, pas forcément à l’aise sur le web. Pour cela, j’ai imaginé un design clair dans lequel il est facile de naviguer, avec des typographies bien lisibles ainsi que des illustrations, pictogrammes et éléments graphiques pour dynamiser le tout.</p>
<p>Enfin, j’ai conçu <a href="https://www.studiotiyeti.fr/supports-print/">une affiche et un dépliant</a> pour promouvoir l’ouverture du cabinet.</p>
<p>L’article <a href="https://www.studiotiyeti.fr/portfolio-item/123-jecoute-graphisme-secteur-medical/">123 J’écoute</a> est apparu en premier sur <a href="https://www.studiotiyeti.fr">Studio TiYeti</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Ilo Energie</title>
		<link>https://www.studiotiyeti.fr/portfolio-item/ilo-energie-graphisme-secteur-innovation/</link>
		
		<dc:creator><![CDATA[MarineG]]></dc:creator>
		<pubDate>Sat, 11 Feb 2023 18:10:14 +0000</pubDate>
				<guid isPermaLink="false">https://www.studiotiyeti.fr/?post_type=portfolio-item&#038;p=6255</guid>

					<description><![CDATA[<p>Contexte Une bonne d’énergie 100 % énergie humaine Développée par Ludik Energie, Ilo est une borne USB pour recharger en pédalant son téléphone de manière éco-responsable. &#160; Mes missions Moderniser et booster la communication Ilo a fait appel à l’agence [&#8230;]</p>
<p>L’article <a href="https://www.studiotiyeti.fr/portfolio-item/ilo-energie-graphisme-secteur-innovation/">Ilo Energie</a> est apparu en premier sur <a href="https://www.studiotiyeti.fr">Studio TiYeti</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2><b>Contexte</b></h2>
<h3><b>Une bonne d’énergie 100 % énergie humaine</b></h3>
<p><img decoding="async" class="alignnone size-full wp-image-5703" src="https://www.studiotiyeti.fr/wp-content/uploads/2023/01/Trois-points-titre.png" alt="" width="44" height="10" /></p>
<p>Développée par Ludik Energie, Ilo est une borne USB pour recharger en pédalant son téléphone de manière éco-responsable.</p>
<p>&nbsp;</p>
<h2><b>Mes missions</b></h2>
<h3><b>Moderniser et booster la communication</b></h3>
<p><img decoding="async" class="alignnone size-full wp-image-5703" src="https://www.studiotiyeti.fr/wp-content/uploads/2023/01/Trois-points-titre.png" alt="" width="44" height="10" /></p>
<p>Ilo a fait appel à l’agence <a href="https://www.essentiel-conseil.net/">Essentiel</a> dans laquelle je travaillais pour moderniser son identité et refondre son <a href="https://www.studiotiyeti.fr/design-web/">site web</a>. J’ai réalisé le webdesign en le rendant plus dynamique et fonctionnel, et créé de nouveaux éléments graphiques : des vagues, du mouvement, de la nature, en utilisant des couleurs peps pour dynamiser l’ensemble.</p>
<p>En complément, nous avons également réalisé une campagne d’affichage dans un lycée de Rennes pour inciter les jeunes à télécharger l’application d’Ilo. Celle-ci leur donne des défis pour faire des économies d’énergie et les sensibiliser à cette cause. J’ai créé pour cela deux affiches avec des <a href="https://www.studiotiyeti.fr/illustration-personnalisee/">illustrations</a>, l’une montrant l’utilisation des bornes Ilo et l’autre présentant les différents lieux du lycée où les challenges peuvent être relevés.</p>
<p><span style="color: #808080;"><em><a style="color: #808080;" href="http://www.ilo-energie.com">www.ilo-energie.com</a></em></span></p>
<p>L’article <a href="https://www.studiotiyeti.fr/portfolio-item/ilo-energie-graphisme-secteur-innovation/">Ilo Energie</a> est apparu en premier sur <a href="https://www.studiotiyeti.fr">Studio TiYeti</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Vazart-Coquart</title>
		<link>https://www.studiotiyeti.fr/portfolio-item/vazart-coquart-site-web-champagne/</link>
		
		<dc:creator><![CDATA[MarineG]]></dc:creator>
		<pubDate>Thu, 26 Jan 2023 15:00:38 +0000</pubDate>
				<guid isPermaLink="false">https://www.studiotiyeti.fr/?post_type=portfolio-item&#038;p=6247</guid>

					<description><![CDATA[<p>Contexte Champagne Grand cru &#38; Chouilly Le Domaine Vazart-Coquart élabore depuis trois générations des Champagnes d’exception. &#160; Mes missions Designer un site moderne et porteur de sens Une envie de rupture avec l’existant a amené la famille Vazart-Coquart à faire [&#8230;]</p>
<p>L’article <a href="https://www.studiotiyeti.fr/portfolio-item/vazart-coquart-site-web-champagne/">Vazart-Coquart</a> est apparu en premier sur <a href="https://www.studiotiyeti.fr">Studio TiYeti</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2><b>Contexte</b></h2>
<h3><b>Champagne Grand cru &amp; Chouilly</b></h3>
<p><img decoding="async" class="alignnone size-full wp-image-5703" src="https://www.studiotiyeti.fr/wp-content/uploads/2023/01/Trois-points-titre.png" alt="" width="44" height="10" /></p>
<p><span style="color: #000000;">Le Domaine Vazart-Coquart élabore depuis trois générations des Champagnes d’exception.</span></p>
<p>&nbsp;</p>
<h2><b>Mes missions</b></h2>
<h3><b>Designer un site moderne et porteur de sens</b></h3>
<p><img decoding="async" class="alignnone size-full wp-image-5703" src="https://www.studiotiyeti.fr/wp-content/uploads/2023/01/Trois-points-titre.png" alt="" width="44" height="10" /></p>
<p><span style="color: #000000;">Une envie de rupture avec l’existant a amené la famille Vazart-Coquart à faire appel à <a href="https://www.essentiel-conseil.net/">l’agence Essentiel</a> dans laquelle j’ai travaillé pour la refonte de leur <a href="https://www.studiotiyeti.fr/design-web/">site web</a>. Il fallait réussir à combiner luxe et proximité, savoir-faire familial et modernité pour un site esthétique sur-mesure.</span></p>
<p><em><span style="color: #808080;"><a style="color: #808080;" href="http://www.champagnevazartcoquart.com">www.champagnevazartcoquart.com</a></span></em></p>
<p>L’article <a href="https://www.studiotiyeti.fr/portfolio-item/vazart-coquart-site-web-champagne/">Vazart-Coquart</a> est apparu en premier sur <a href="https://www.studiotiyeti.fr">Studio TiYeti</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Karr</title>
		<link>https://www.studiotiyeti.fr/portfolio-item/karr-site-internet-constructeur-automobile/</link>
		
		<dc:creator><![CDATA[MarineG]]></dc:creator>
		<pubDate>Wed, 25 Jan 2023 15:00:54 +0000</pubDate>
				<guid isPermaLink="false">https://www.studiotiyeti.fr/?post_type=portfolio-item&#038;p=6234</guid>

					<description><![CDATA[<p>Contexte Un site internet pour un constructeur automobile engagé Karr est un constructeur automobile français avec une démarche responsable, un accompagnement sur-mesure et des services de qualité. Ils avaient besoin d’un site internet pour présenter et mettre en avant leurs [&#8230;]</p>
<p>L’article <a href="https://www.studiotiyeti.fr/portfolio-item/karr-site-internet-constructeur-automobile/">Karr</a> est apparu en premier sur <a href="https://www.studiotiyeti.fr">Studio TiYeti</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2><b>Contexte</b></h2>
<h3><b>Un site internet pour un constructeur automobile engagé</b></h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-5703" src="https://www.studiotiyeti.fr/wp-content/uploads/2023/01/Trois-points-titre.png" alt="" width="44" height="10" /></p>
<p><span style="color: #000000;">Karr est un constructeur automobile français avec une démarche responsable, un accompagnement sur-mesure et des services de qualité. Ils avaient besoin d’un site internet pour présenter et mettre en avant leurs produits.</span></p>
<p>&nbsp;</p>
<h2><b>Mes missions</b></h2>
<h3><b>Réaliser un webdesign performant et esthétique</b></h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-5703" src="https://www.studiotiyeti.fr/wp-content/uploads/2023/01/Trois-points-titre.png" alt="" width="44" height="10" /></p>
<p><span style="color: #000000;">Pour ce projet, j&rsquo;ai travaillé en collaboration avec Benjamin, développeur basé près de Granville. Nous avons créé ensemble le <a href="https://www.studiotiyeti.fr/design-web/">site internet</a> de Karr de A à Z. D’abord, nous avons réalisé avec le client le cahier des charges afin de bien comprendre ses besoins.</span></p>
<p><span style="color: #000000;">Ensuite, j’ai hiérarchisé et structuré les informations en créant ce qu’on appelle le wireframe. C’est une maquette qui définit la structure et la disposition d’une page web. Elle donne une vue générale du projet sans se concentrer sur les détails de mise en page ou de conception visuelle. Dès cette étape, je réfléchis pour faire en sorte que l’expérience utilisateur soit la meilleure possible. Faire un wireframe avant un webdesign permet de clarifier les objectifs de la conception, d’identifier les sections clés de la page, de déterminer les informations à inclure sur chaque section et de tester les concepts de navigation.</span></p>
<p><span style="color: #000000;">Une fois le wireframe validé, je suis passée à la partie design du site internet. Pour cela, j&rsquo;avais pour consigne de créer un site moderne, clair, en cohérence avec la charte graphique déjà existante de Karr. J’ai défini les couleurs, les typographies, les images et d’autres éléments de mise en page pour créer un design attrayant et efficace. J’y ai apporté une touche de créativité pour démarquer le site web et renforcer la marque, avec notamment la création de pictogrammes pour dynamiser et personnaliser le tout.</span></p>
<p><span style="color: #000000;">Enfin, lorsque le webdesign a été validé, j’ai exporté tous mes fichiers et c’est Benjamin qui a pris la main pour le développer.</span></p>
<p><a href="https://www.karr-mobility.com"><span style="color: #808080;"><em>www.karr-mobility.com</em></span></a></p>
<p>L’article <a href="https://www.studiotiyeti.fr/portfolio-item/karr-site-internet-constructeur-automobile/">Karr</a> est apparu en premier sur <a href="https://www.studiotiyeti.fr">Studio TiYeti</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Application Orthographe Héros</title>
		<link>https://www.studiotiyeti.fr/portfolio-item/application-orthographe-heros/</link>
					<comments>https://www.studiotiyeti.fr/portfolio-item/application-orthographe-heros/#respond</comments>
		
		<dc:creator><![CDATA[MarineG]]></dc:creator>
		<pubDate>Wed, 25 Jan 2023 14:10:51 +0000</pubDate>
				<guid isPermaLink="false">https://www.studiotiyeti.fr/?post_type=portfolio-item&#038;p=6749</guid>

					<description><![CDATA[<p>Contexte Une application mobile pour améliorer son orthographe avec le sourire OHé (Orthographe Héros) est une application ludique à destination des écoles et des entreprises, pour progresser en orthographe de manière bienveillante et stimulante. Pensée par Roxane Joannidès, Dr experte [&#8230;]</p>
<p>L’article <a href="https://www.studiotiyeti.fr/portfolio-item/application-orthographe-heros/">Application Orthographe Héros</a> est apparu en premier sur <a href="https://www.studiotiyeti.fr">Studio TiYeti</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><iframe loading="lazy" title="Orthographe Héros - vidéo promotionnelle" width="1100" height="619" src="https://www.youtube.com/embed/hA4Mohffe0U?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3></h3>
<h2><b>Contexte</b></h2>
<h3>Une application mobile pour améliorer son orthographe avec le sourire</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-5703" src="https://www.studiotiyeti.fr/wp-content/uploads/2023/01/Trois-points-titre.png" alt="" width="44" height="10" /></p>
<p><span style="color: #000000;"><a style="color: #000000;" href="https://www.orthographe-heros.fr/">OHé (Orthographe Héros)</a> est une application ludique à destination des écoles et des entreprises, pour progresser en orthographe de manière bienveillante et stimulante. Pensée par Roxane Joannidès, Dr experte en orthographe et en innovation, l’application propose un parcours d’apprentissage stimulant, basé sur la répétition active, la confiance en soi et le plaisir d’apprendre.</span></p>
<p><span style="color: #000000;"><a style="color: #000000;" href="https://www.digiworks.fr/">L’agence Digiworks</a> m’a sollicitée pour concevoir l’univers visuel complet de l’application (hors charte graphique), en collaboration étroite avec Roxane Joannidès et son associé Alexandre Huau-Armani. Le défi : rendre l’apprentissage de l’orthographe clair, attractif et motivant.</span></p>
<p>&nbsp;</p>
<h2><b>Mes missions</b></h2>
<h3>Créer un univers visuel clair, ludique et pédagogique</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-5703" src="https://www.studiotiyeti.fr/wp-content/uploads/2023/01/Trois-points-titre.png" alt="" width="44" height="10" /></p>
<p><span style="color: #000000;">Pour ce projet, j’ai imaginé un univers visuel dynamique, accessible et engageant, en m’appuyant sur la charte graphique existante aux couleurs bleu, blanc et rouge. Roxane souhaitait une touche Pop art, avec un clin d’œil à l’univers BD. J’ai donc opté pour des illustrations aux contours noirs, un style graphique énergique et des compositions rythmées.</span></p>
<p><span style="color: #000000;">Voici un aperçu des différents éléments que j’ai réalisés :</span></p>
<ul>
<li><span style="color: #000000;">Design de plus de 100 écrans, en gardant une interface claire, intuitive et agréable à utiliser.</span></li>
<li><span style="color: #000000;">Illustration d&rsquo;un avatar de Roxane pour accompagner l’utilisateur dans son parcours.</span></li>
<li><span style="color: #000000;">Réalisation d&rsquo;une série d’<a style="color: #000000;" href="https://www.studiotiyeti.fr/illustration-personnalisee/">illustrations</a> encourageantes, pensées pour dynamiser et rythmer l’expérience.</span></li>
<li><span style="color: #000000;">Dessin de pictogrammes pour illustrer les différentes sections et rendre l’ensemble plus vivant.</span></li>
<li><span style="color: #000000;">Création des visuels du <a style="color: #000000;" href="https://www.studiotiyeti.fr/design-web/">site internet</a>, en cohérence avec l’univers de l’application.</span></li>
<li><span style="color: #000000;">Réalisation des vidéos tutoriel pour guider l’utilisateur, et de plusieurs vidéos en motion design pour promouvoir l&rsquo;appli auprès de ses différentes cibles.</span></li>
</ul>
<p><span style="color: #000000;">L’ensemble a été conçu pour offrir une expérience à la fois <strong data-start="2221" data-end="2247">ludique et pédagogique</strong>, avec un design clair, motivant, mais jamais infantilisant.</span></p>
<p><span style="color: #000000;">C’était un vrai plaisir de travailler sur un projet comme celui-ci, qui a du sens et qui vise à améliorer l’éducation de manière ludique et accessible à tous !</span></p>
<p>L’article <a href="https://www.studiotiyeti.fr/portfolio-item/application-orthographe-heros/">Application Orthographe Héros</a> est apparu en premier sur <a href="https://www.studiotiyeti.fr">Studio TiYeti</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.studiotiyeti.fr/portfolio-item/application-orthographe-heros/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
