{"id":750,"date":"2013-06-11T13:48:18","date_gmt":"2013-06-11T11:48:18","guid":{"rendered":"http:\/\/studio.ican-design.fr\/?p=750"},"modified":"2023-01-18T17:08:28","modified_gmt":"2023-01-18T16:08:28","slug":"top-awesome-projet-sem-02-1ere-annee-web","status":"publish","type":"post","link":"https:\/\/studio.ican-design.fr\/top-awesome-projet-sem-02-1ere-annee-web\/","title":{"rendered":"Top Awesome \/ Projet sem.02\/ 1\u00e8re ann\u00e9e Web"},"content":{"rendered":"<p>Les \u00e9tudiants de 1\u00e8re ann\u00e9e en web et multim\u00e9dia pr\u00e9sentent \u00e0 la fin du second semestre un site internet fonctionnel et original comprenant : une identit\u00e9 visuelle compl\u00e8te, une int\u00e9gration HTML\/CSS et une partie dynamique PHP\/MySql. <!--more-->C&#8217;est \u00e9galement l&#8217;occasion de mettre en pratique les enseignements \/ comp\u00e9tences re\u00e7us&nbsp; (Composition, mise en forme, gestion de projet, ergonomie, processus cr\u00e9atif, int\u00e9gration, d\u00e9veloppement&#8230;)<\/p>\n<h2>L&#8217;\u00e9quipe (solo)<\/h2>\n<p>Cl\u00e9ment Trumpff<\/p>\n<h2>Concept<\/h2>\n<p>&#8220;Le site r\u00e9unira les meilleures vid\u00e9os de sports extr\u00eames disponibles sur le site www.awesomeon.tk. principalement, mais aussi sur Youtube et d\u2019autres sites de partage de videos. Il se consacrera exclusivement aux vid\u00e9os. Pour augmenter son attractivit\u00e9, il proposera aux membres de voter pour leurs vid\u00e9os pr\u00e9f\u00e9r\u00e9es afin d\u2019\u00e9lire les plus populaires : le top awesome.&#8221;<\/p>\n<h2>Le logo<\/h2>\n<p><a href=\"\/studio-ican-images\/sites\/3\/2013\/06\/SiteTopAwesomeLogo.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-751\" src=\"\/studio-ican-images\/sites\/3\/2013\/06\/SiteTopAwesomeLogo.jpg\" alt=\"site internet topawesome\" width=\"580\" height=\"117\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2013\/06\/SiteTopAwesomeLogo.jpg 580w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2013\/06\/SiteTopAwesomeLogo-300x60.jpg 300w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/a><\/p>\n<p>&#8220;J\u2019ai arr\u00eat\u00e9 mon choix final sur la police Kelvinized. La typo est grasse, l\u00e9g\u00e8rement italique, et \u00e0 mi chemin entre lin\u00e9ale et manuscrite&#8230; J\u2019ai d\u00e9cline le logo de mani\u00e8re a lui donner le plus d\u2019impact visuel possible. Le rouge est la couleur qui convenait le mieux puisqu\u2019elle cr\u00e9e les contrastes les plus importants. Elle symbolise entre autres l\u2019ardeur, la passion, le triomphe, et est utilis\u00e9e dans de nombreux logos. Cependant, cette couleur \u00e9tait beaucoup trop agressive pour un site web. J\u2019ai donc choisi un vert satur\u00e9, symbole de dynamisme, \u00e9nergie et de vitalit\u00e9.<br \/>\nL\u2019aspect du logo seul \u00e9tait agr\u00e9able, mais une fois int\u00e9gr\u00e9 au site, il perdait de son impact. Le fait d\u2019utiliser la m\u00eame couleur dans le site le faisait se perdre dans le d\u00e9cor. J\u2019ai donc supprim\u00e9 les couleurs du logo, et ajout\u00e9 un trait qui vient souligner le texte et renforce l\u2019aspect dynamique.&#8221;<\/p>\n<h2>Choix typographique<\/h2>\n<p><a href=\"\/studio-ican-images\/sites\/3\/2013\/06\/lazyday.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-760\" src=\"\/studio-ican-images\/sites\/3\/2013\/06\/lazyday.jpg\" alt=\"lazyday typographie\" width=\"396\" height=\"200\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2013\/06\/lazyday.jpg 396w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2013\/06\/lazyday-300x151.jpg 300w\" sizes=\"(max-width: 396px) 100vw, 396px\" \/><\/a><\/p>\n<p>&#8220;Utilisation d&#8217;une typo manuscrite. Cr\u00e9e une ambiance d\u00e9contract\u00e9e plus en coh\u00e9rence avec la cible (viennent sur le site pour se d\u00e9tendre) qu\u2019une lin\u00e9ale classique.<br \/>\nDe plus, ce type de police est utilis\u00e9e dans le logo de &#8220;Poeple are awesome&#8221;, et comme police principale du site Zapiks (qui est une r\u00e9f\u00e9rence en termes de site de sports extr\u00eames).&#8221;<\/p>\n<h2>Mockup<\/h2>\n<p><a href=\"\/studio-ican-images\/sites\/3\/2013\/06\/SiteTopAwesome02.jpg\"><img decoding=\"async\" src=\"\/studio-ican-images\/sites\/3\/2013\/06\/SiteTopAwesome02.jpg\" alt=\"site internet topawesome\" width=\"630\" height=\"326\"><\/a><\/p>\n<h2>Maquettes<\/h2>\n<p><a href=\"\/studio-ican-images\/sites\/3\/2013\/06\/SiteTopAwesome01.jpg\"><img decoding=\"async\" src=\"\/studio-ican-images\/sites\/3\/2013\/06\/SiteTopAwesome01.jpg\" alt=\"site internet topawesome\" width=\"630\" height=\"336\"><\/a><\/p>\n<p><a href=\"\/studio-ican-images\/sites\/3\/2013\/06\/SiteTopAwesome03.jpg\"><img decoding=\"async\" src=\"\/studio-ican-images\/sites\/3\/2013\/06\/SiteTopAwesome03.jpg\" alt=\"site internet topawesome\" width=\"630\" height=\"335\"><\/a><\/p>\n<h2>Le site !<\/h2>\n<p>[youtube https:\/\/www.youtube.com\/watch?v=O-L2cjdPo7c?rel=0]<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/www.ican-design.fr\/programme-grande-ecole-web-design.html\" target=\"_blank\" rel=\"noopener\">D\u00e9couvrez les formations en Web et Multim\u00e9dia de l\u2019\u00e9cole d\u2019infographie<\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les \u00e9tudiants de 1\u00e8re ann\u00e9e en web et multim\u00e9dia pr\u00e9sentent \u00e0 la fin du second semestre un site internet fonctionnel et original comprenant : une identit\u00e9 visuelle compl\u00e8te, une int\u00e9gration HTML\/CSS et une partie dynamique PHP\/MySql.<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[381,15],"tags":[11,107,108,68,109,110,76],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Top Awesome \/ Projet sem.02\/ 1\u00e8re ann\u00e9e Web | Studio ICAN<\/title>\n<meta name=\"description\" content=\"Le site r\u00e9unira les meilleures vid\u00e9os de sports extr\u00eames disponibles sur awesomeon.tk, mais aussi sur Youtube et d\u2019autres sites de partage de videos.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studio.ican-design.fr\/top-awesome-projet-sem-02-1ere-annee-web\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Top Awesome \/ Projet sem.02\/ 1\u00e8re ann\u00e9e Web | Studio ICAN\" \/>\n<meta property=\"og:description\" content=\"Le site r\u00e9unira les meilleures vid\u00e9os de sports extr\u00eames disponibles sur awesomeon.tk, mais aussi sur Youtube et d\u2019autres sites de partage de videos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studio.ican-design.fr\/top-awesome-projet-sem-02-1ere-annee-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio ICAN\" \/>\n<meta property=\"article:published_time\" content=\"2013-06-11T11:48:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-18T16:08:28+00:00\" \/>\n<meta name=\"author\" content=\"Nicolas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nicolas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/studio.ican-design.fr\/top-awesome-projet-sem-02-1ere-annee-web\/\",\"url\":\"https:\/\/studio.ican-design.fr\/top-awesome-projet-sem-02-1ere-annee-web\/\",\"name\":\"Top Awesome \/ Projet sem.02\/ 1\u00e8re ann\u00e9e Web | Studio ICAN\",\"isPartOf\":{\"@id\":\"https:\/\/studio.ican-design.fr\/#website\"},\"datePublished\":\"2013-06-11T11:48:18+00:00\",\"dateModified\":\"2023-01-18T16:08:28+00:00\",\"author\":{\"@id\":\"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656\"},\"description\":\"Le site r\u00e9unira les meilleures vid\u00e9os de sports extr\u00eames disponibles sur awesomeon.tk, mais aussi sur Youtube et d\u2019autres sites de partage de videos.\",\"breadcrumb\":{\"@id\":\"https:\/\/studio.ican-design.fr\/top-awesome-projet-sem-02-1ere-annee-web\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/studio.ican-design.fr\/top-awesome-projet-sem-02-1ere-annee-web\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/studio.ican-design.fr\/top-awesome-projet-sem-02-1ere-annee-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/studio.ican-design.fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Top Awesome \/ Projet sem.02\/ 1\u00e8re ann\u00e9e Web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/studio.ican-design.fr\/#website\",\"url\":\"https:\/\/studio.ican-design.fr\/\",\"name\":\"Studio ICAN\",\"description\":\"D\u00e9couvrez les projets des \u00e9tudiants de l&#039;ICAN  : cr\u00e9ation num\u00e9rique, animation, game design, web design, cr\u00e9ation web, motion design\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/studio.ican-design.fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656\",\"name\":\"Nicolas\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/studio.ican-design.fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ea0eb9183cdc62d47d12e7d4e5ec4a7f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ea0eb9183cdc62d47d12e7d4e5ec4a7f?s=96&d=mm&r=g\",\"caption\":\"Nicolas\"},\"sameAs\":[\"https:\/\/www.behance.net\/nicolasgervais\"],\"url\":\"https:\/\/studio.ican-design.fr\/author\/cd4vf9u296\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Top Awesome \/ Projet sem.02\/ 1\u00e8re ann\u00e9e Web | Studio ICAN","description":"Le site r\u00e9unira les meilleures vid\u00e9os de sports extr\u00eames disponibles sur awesomeon.tk, mais aussi sur Youtube et d\u2019autres sites de partage de videos.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/studio.ican-design.fr\/top-awesome-projet-sem-02-1ere-annee-web\/","og_locale":"fr_FR","og_type":"article","og_title":"Top Awesome \/ Projet sem.02\/ 1\u00e8re ann\u00e9e Web | Studio ICAN","og_description":"Le site r\u00e9unira les meilleures vid\u00e9os de sports extr\u00eames disponibles sur awesomeon.tk, mais aussi sur Youtube et d\u2019autres sites de partage de videos.","og_url":"https:\/\/studio.ican-design.fr\/top-awesome-projet-sem-02-1ere-annee-web\/","og_site_name":"Studio ICAN","article_published_time":"2013-06-11T11:48:18+00:00","article_modified_time":"2023-01-18T16:08:28+00:00","author":"Nicolas","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Nicolas","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/studio.ican-design.fr\/top-awesome-projet-sem-02-1ere-annee-web\/","url":"https:\/\/studio.ican-design.fr\/top-awesome-projet-sem-02-1ere-annee-web\/","name":"Top Awesome \/ Projet sem.02\/ 1\u00e8re ann\u00e9e Web | Studio ICAN","isPartOf":{"@id":"https:\/\/studio.ican-design.fr\/#website"},"datePublished":"2013-06-11T11:48:18+00:00","dateModified":"2023-01-18T16:08:28+00:00","author":{"@id":"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656"},"description":"Le site r\u00e9unira les meilleures vid\u00e9os de sports extr\u00eames disponibles sur awesomeon.tk, mais aussi sur Youtube et d\u2019autres sites de partage de videos.","breadcrumb":{"@id":"https:\/\/studio.ican-design.fr\/top-awesome-projet-sem-02-1ere-annee-web\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studio.ican-design.fr\/top-awesome-projet-sem-02-1ere-annee-web\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/studio.ican-design.fr\/top-awesome-projet-sem-02-1ere-annee-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/studio.ican-design.fr\/"},{"@type":"ListItem","position":2,"name":"Top Awesome \/ Projet sem.02\/ 1\u00e8re ann\u00e9e Web"}]},{"@type":"WebSite","@id":"https:\/\/studio.ican-design.fr\/#website","url":"https:\/\/studio.ican-design.fr\/","name":"Studio ICAN","description":"D\u00e9couvrez les projets des \u00e9tudiants de l&#039;ICAN  : cr\u00e9ation num\u00e9rique, animation, game design, web design, cr\u00e9ation web, motion design","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studio.ican-design.fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656","name":"Nicolas","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/studio.ican-design.fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ea0eb9183cdc62d47d12e7d4e5ec4a7f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ea0eb9183cdc62d47d12e7d4e5ec4a7f?s=96&d=mm&r=g","caption":"Nicolas"},"sameAs":["https:\/\/www.behance.net\/nicolasgervais"],"url":"https:\/\/studio.ican-design.fr\/author\/cd4vf9u296\/"}]}},"_links":{"self":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts\/750"}],"collection":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/comments?post=750"}],"version-history":[{"count":5,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts\/750\/revisions"}],"predecessor-version":[{"id":8590,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts\/750\/revisions\/8590"}],"wp:attachment":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/media?parent=750"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/categories?post=750"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/tags?post=750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}