{"id":234,"date":"2025-10-29T11:19:39","date_gmt":"2025-10-29T10:19:39","guid":{"rendered":"http:\/\/localhost:8888\/portfolio\/?page_id=234"},"modified":"2025-11-07T00:12:31","modified_gmt":"2025-11-06T23:12:31","slug":"frontify","status":"publish","type":"page","link":"https:\/\/coraciuraneta.com\/index.php\/frontify\/","title":{"rendered":"FRONTIFY"},"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\">Este proyecto se desarroll\u00f3 en grupo dentro del Bootcamp de Desarrollo Frontend de Factor\u00eda F5.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">La actividad consist\u00eda en construir una web funcional con React para gestionar un cat\u00e1logo de \u00e1lbumes musicales, siguiendo una metodolog\u00eda \u00e1gil dividida en dos sprints. <\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Durante el proceso, se trabaj\u00f3 con historias de usuario, validaciones con el cliente (profesores), dise\u00f1os previos en Figma y una gesti\u00f3n de flujo de trabajo mediante sprints semanales. Adem\u00e1s, se cre\u00f3 una identidad de marca completa para \u00abFrontify\u00bb, que inclu\u00eda logotipo, tipograf\u00eda y paleta de colores coherente con el estilo del proyecto. <\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/frontify-eight.vercel.app\/\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Frontify-Web-1024x1024.png\" alt=\"Mockup de ordenador mostrando una vista previa de la web de Frontify, propuesta creada con React.\" class=\"wp-image-238 size-full\" srcset=\"https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Frontify-Web-1024x1024.png 1024w, https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Frontify-Web-300x300.png 300w, https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Frontify-Web-150x150.png 150w, https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Frontify-Web-768x768.png 768w, https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Frontify-Web-1536x1536.png 1536w, https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Frontify-Web-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\">Plataforma musical creada con React, donde dise\u00f1o y desarrollo se unen para dar vida a Frontify.<\/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>PROCESO CREATIVO<\/strong><\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">El desarrollo del proyecto se organiz\u00f3 por etapas, combinando dise\u00f1o y programaci\u00f3n de manera colaborativa.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><a href=\"https:\/\/trello.com\/invite\/b\/653f8b774f88f29bbe0b78c3\/ATTIb0757c519159ccf546fd2e4b1d2479b2D9B9E94F\/proyecto-frontify\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Metodolog\u00eda \u00e1gil:<\/strong><\/a> El equipo planific\u00f3 las historias de usuario al inicio de cada sprint con Trello, validando con el cliente cada avance antes de continuar con la siguietne funcionalidad.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Dise\u00f1o e identidad visual:<\/strong> Se cre\u00f3 la marca Frontify, definiendo su isologo, imagotipo, tipograf\u00eda y gama crom\u00e1tica, con un estilo moderno y tecnol\u00f3gico acorde al producto digital.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong><a href=\"https:\/\/www.figma.com\/design\/LaKFplfCdB3dX3NeY9q5NX\/p11-project6-group1?node-id=0-1&amp;t=sWrHMJ23ancBye9S-1\" data-type=\"link\" data-id=\"https:\/\/www.figma.com\/design\/LaKFplfCdB3dX3NeY9q5NX\/p11-project6-group1?node-id=0-1&amp;t=sWrHMJ23ancBye9S-1\" target=\"_blank\" rel=\"noreferrer noopener\">Dise\u00f1o de interfaz:<\/a><\/strong> antes de implementar cada historia, se dise\u00f1aron los componenetes en Figma para mantener coherencia visual y un buena experiencia de usuario.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Desarrollo con React:<\/strong> La aplicaci\u00f3n se program\u00f3 con React como framework principal, integrando funcionalidades como:\n<ul class=\"wp-block-list\">\n<li>Visualizaci\u00f3n del cat\u00e1logo de \u00e1lbumes.<\/li>\n\n\n\n<li>B\u00fasqueda de \u00e1lbumes y filtrado por \u00e1lbumes.<\/li>\n\n\n\n<li>Reproducci\u00f3n de canciones.<\/li>\n\n\n\n<li>Gesti\u00f3n administrativa (a\u00f1adir, editar o eliminar discos).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Trabajo colaborativo:<\/strong> Se aplicaron buenas pr\u00e1cticas de control de versiones y revisiones conjuntas del c\u00f3digo para asegurar la integraci\u00f3n fluida del proyecto.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Alcance y limitaciones:<\/strong> Durante el desarrollo se completaron la mayor\u00eda de las funcionalidades prevista. Sin embargo, debido a limitaciones de tiempo, no fue posible implementar la reproducii\u00f3n de canciones ni la gesti\u00f3n administrtiva (a\u00f1adir, editar o eliminar discos).<\/li>\n<\/ul>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">El resultado fue una plataforma interactiva, visualmente atractiva y funcional, que combina dise\u00f1o, desarrollo y metodolog\u00eda \u00e1gil, ofreciendo una experiencia de usuario completa en torno al mundo musical. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Este proyecto se desarroll\u00f3 en grupo dentro del Bootcamp de Desarrollo Frontend de Factor\u00eda F5. La actividad consist\u00eda en construir una web funcional con React para gestionar un cat\u00e1logo de \u00e1lbumes musicales, siguiendo una metodolog\u00eda \u00e1gil dividida en dos sprints. Durante el proceso, se trabaj\u00f3 con historias de usuario, validaciones con el cliente (profesores), dise\u00f1os [&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-234","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/coraciuraneta.com\/index.php\/wp-json\/wp\/v2\/pages\/234","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=234"}],"version-history":[{"count":9,"href":"https:\/\/coraciuraneta.com\/index.php\/wp-json\/wp\/v2\/pages\/234\/revisions"}],"predecessor-version":[{"id":520,"href":"https:\/\/coraciuraneta.com\/index.php\/wp-json\/wp\/v2\/pages\/234\/revisions\/520"}],"wp:attachment":[{"href":"https:\/\/coraciuraneta.com\/index.php\/wp-json\/wp\/v2\/media?parent=234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}