{"id":182,"date":"2025-10-25T00:39:31","date_gmt":"2025-10-24T22:39:31","guid":{"rendered":"http:\/\/localhost:8888\/portfolio\/?page_id=182"},"modified":"2025-11-07T00:14:08","modified_gmt":"2025-11-06T23:14:08","slug":"prototipat-web-tres-voltes-rebel","status":"publish","type":"page","link":"https:\/\/coraciuraneta.com\/index.php\/prototipat-web-tres-voltes-rebel\/","title":{"rendered":"TRES VOLTES REBEL"},"content":{"rendered":"<style>\nul.wp-block-list {\n    list-style-type: none;\n    padding-left: 1em;\n  }\nul.wp-block-list li::before {\n    content: \"- \";\n    color: inherit;\n  }\n*{\nmargin: 0.18rem;\n}\n<\/style>\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">El proyecto se desarroll\u00f3 en grupo dentro de la asignatura <em>Disseny Web<\/em>, donde se nos pidi\u00f3 crear un sitio web de comercio electr\u00f3nico utilizando el CMS WordPress. El objertivo era dise\u00f1ar e implementar una web que cumpliera con los principios de usabilidad y accesibilidad, garantizando una navegci\u00f3n fluida para cualquier tipo de usuario. <\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Nuestro equipo decidi\u00f3 basar el proyecto en la figura de la ilustradora valenciana Tres Voltes Rebel, creando una tienda online que reflejara su identidad visual y peritiera comercializar sus ilustraciones y productoss de forma atractiva, coherente y funcional. <\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><a href=\"http:\/\/dissenyweb.gddtec.udl.cat\/2023-tresvoltesrebel\/\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Web-Tres-Voltes-Rebel-1024x1024.png\" alt=\"Mockup de ordenador mostrando una vista previa del redise\u00f1o web de Tres Voltes Rebel, propuesta creada en WordPress.\" class=\"wp-image-222 size-full\" srcset=\"https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Web-Tres-Voltes-Rebel-1024x1024.png 1024w, https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Web-Tres-Voltes-Rebel-300x300.png 300w, https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Web-Tres-Voltes-Rebel-150x150.png 150w, https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Web-Tres-Voltes-Rebel-768x768.png 768w, https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Web-Tres-Voltes-Rebel-1536x1536.png 1536w, https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Web-Tres-Voltes-Rebel-2048x2048.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-medium-font-size wp-block-paragraph\">Esta es la propuesta final del prototipo web creado para la ilustradora Tres Voltes Rebel, donde dise\u00f1o, color y funcionalidad se combinan para ofrecer una experiencia visual coherente y accesible.<br><\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Haz clic en la imagen para visitar la web.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\"><strong>PROCES CREATIVO <\/strong><\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">El dearrollo del proyecto sigui\u00f3 una metodolog\u00eda estructurada en varias fases, combinando dise\u00f1o y desarrollo web: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong>Creaci\u00f3n de identidad:<\/strong> Definimos la identidad visual de la marca, tomando como referencia el estilo art\u00edstico de Tres Voltes Rebel: colores rosas pasteles y suaves, trazos org\u00e1nicos y una est\u00e9tica ilustrativa que transmitiera autentucudad y cercan\u00eda. <\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Sistema de dise\u00f1o (Atomic Design):<\/strong> Elaboramos un sistema de dise\u00f1o en Figma siguiendo la metodolog\u00eda de <em>Atomic Design<\/em>, creando \u00e1tomos, mol\u00e9culas y organismos reutilizables para mantener coherencia visual y modularidad en toda la web. <\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Evaluaci\u00f3n del prototipado:<\/strong> Analizamos el dise\u00f1o en funci\u00f3n de los principios de usabilidad y accesibilidad, asegurando una estructura clara, tipograf\u00eda y un contraste de color adecuado. <\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Implementaci\u00f3n en WordPress:<\/strong> Trasladamos el dise\u00f1o a un sitio funcional dentro de WordPress configurando la estructura de navegaci\u00f3n, las p\u00e1ginas de producto y los apartado informativos. <\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Revisi\u00f3n de usabilidad y accesibilidad: <\/strong>Realizamos pruebas con usuarios y revisiones t\u00e9cnicas para garantizaar una experiencia optima tanto en escritorio como en dispositivos m\u00f3viles. <\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>El proyecto se desarroll\u00f3 en grupo dentro de la asignatura Disseny Web, donde se nos pidi\u00f3 crear un sitio web de comercio electr\u00f3nico utilizando el CMS WordPress. El objertivo era dise\u00f1ar e implementar una web que cumpliera con los principios de usabilidad y accesibilidad, garantizando una navegci\u00f3n fluida para cualquier tipo de usuario. Nuestro equipo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-182","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/coraciuraneta.com\/index.php\/wp-json\/wp\/v2\/pages\/182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coraciuraneta.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coraciuraneta.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coraciuraneta.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coraciuraneta.com\/index.php\/wp-json\/wp\/v2\/comments?post=182"}],"version-history":[{"count":11,"href":"https:\/\/coraciuraneta.com\/index.php\/wp-json\/wp\/v2\/pages\/182\/revisions"}],"predecessor-version":[{"id":523,"href":"https:\/\/coraciuraneta.com\/index.php\/wp-json\/wp\/v2\/pages\/182\/revisions\/523"}],"wp:attachment":[{"href":"https:\/\/coraciuraneta.com\/index.php\/wp-json\/wp\/v2\/media?parent=182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}