{"id":207,"date":"2025-10-25T12:23:29","date_gmt":"2025-10-25T10:23:29","guid":{"rendered":"http:\/\/localhost:8888\/portfolio\/?page_id=207"},"modified":"2026-05-28T21:31:29","modified_gmt":"2026-05-28T19:31:29","slug":"rock-records","status":"publish","type":"page","link":"https:\/\/coraciuraneta.com\/index.php\/rock-records\/","title":{"rendered":"ROCK RECORDS"},"content":{"rendered":"<style>\nul.wp-block-list {<br \/>\n    list-style-type: none;<br \/>\n    padding-left: 1em;<br \/>\n  }<br \/>\nul.wp-block-list li::before {<br \/>\n    content: \"- \";<br \/>\n    color: inherit;<br \/>\n  }<br \/>\n*{<br \/>\nmargin: 0.18rem;<br \/>\n}<br \/>\n<\/style>\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Este proyecto fue realizado dentro de la asignatura Web Din\u00e0mica. La actividad consist\u00eda en desarrollar una p\u00e1gina web completa utilizando Vue.js (Framework de JavaScript) y Bootstrap (Framework CSS), aplicando los principios de usabilidad, accesibilidad y experiencia de usuario (UX) trabajados en clase. <\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Para este ejercicio cre\u00e9 desde cero una marca ficticia llamada Rock Records, una discogr\u00e1fica centrada en la promoci\u00f3n de grandes grupos musicales del \u00e1mbito del rock, festivales del rock y su blog con las noticias m\u00e1s importantes dentro de este mundo. El dise\u00f1o y el contenido del sitio buscaban reflejar la energ\u00eda, personalidad y est\u00e9tica del g\u00e9nero, manteniendo al mismo tiempo una navegaci\u00f3n clara y accesible para todos los usuarios. <\/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:\/\/kore1410.github.io\/rock_records\/\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Web-Rock-Records-1024x1024.png\" alt=\"Mockup de ordenador mostrando una vista previa de la web de Rock Records, propuesta creada con Vue.\" class=\"wp-image-221 size-full\" srcset=\"https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Web-Rock-Records-1024x1024.png 1024w, https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Web-Rock-Records-300x300.png 300w, https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Web-Rock-Records-150x150.png 150w, https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Web-Rock-Records-768x768.png 768w, https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Web-Rock-Records-1536x1536.png 1536w, https:\/\/coraciuraneta.com\/wp-content\/uploads\/2025\/10\/Web-Rock-Records-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 web final creada para la marca ficticia Rock Records. Desarrollada \u00edntegramente con Vue.js y Bootstrap.<\/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\">Durante el desarrollo del proyecto trabaj\u00e9 cada etapa del dise\u00f1o y la implementaci\u00f3n t\u00e9cnica:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong>Conceptualizaci\u00f3n y dise\u00f1o visual:<\/strong> Defin\u00ed la identidad de marca de Rock Records con su paleta de colores y tipograf\u00eda contundente.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong><a href=\"http:\/\/localhost:8888\/portfolio\/wp-content\/uploads\/2025\/10\/Wireframe-Rock-Records.pdf\" data-type=\"attachment\" data-id=\"212\" target=\"_blank\" rel=\"noreferrer noopener\">Wireframe:<\/a><\/strong> Realic\u00e9 un wireframe digital que me permiti\u00f3 definir de forma r\u00e1pida y visual la estructura y disposici\u00f3n de los elementos principales de la web antes de implementar el dise\u00f1o en alta finalidad.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Estructura y maquetaci\u00f3n:<\/strong> Constru\u00ed la interfaz utilizando Bootstrap, aprovechando su sistema de rejilla y componentes para lograr una estructura adaptable a distintos dispositivos. <\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Desarrollo din\u00e1mica con Vue.js:<\/strong> Impplement\u00e9 interacciones din\u00e1micas y componentes reutilizables en Vue, mejorando la experiencia del usuario con una navegaci\u00f3n fluida y responsive. <\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Usabilidad y accesibilidad:<\/strong> CUid\u00e9 el contraste de color, la jerarqu\u00eda visual y la claridad de los textos, asegurando una experiencia inclusiva y coherente con las buenas pr\u00e1cticas de dise\u00f1o web. <\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Pruebas y revisi\u00f3n: <\/strong>Revis\u00e9 la web en distintos navegadores y resoluciones para garantizar un rendimiento \u00f3ptimo y una navegaci\u00f3n conistente. <\/li>\n<\/ul>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">El resultado fue una p\u00e1gina web din\u00e1mica y completamente funcional, que combin dise\u00f1o visual, interactividad y una estructura accesible centrada en la experiencia de usuario.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Este proyecto fue realizado dentro de la asignatura Web Din\u00e0mica. La actividad consist\u00eda en desarrollar una p\u00e1gina web completa utilizando Vue.js (Framework de JavaScript) y Bootstrap (Framework CSS), aplicando los principios de usabilidad, accesibilidad y experiencia de usuario (UX) trabajados en clase. Para este ejercicio cre\u00e9 desde cero una marca ficticia llamada Rock Records, una [&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-207","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/coraciuraneta.com\/index.php\/wp-json\/wp\/v2\/pages\/207","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=207"}],"version-history":[{"count":10,"href":"https:\/\/coraciuraneta.com\/index.php\/wp-json\/wp\/v2\/pages\/207\/revisions"}],"predecessor-version":[{"id":557,"href":"https:\/\/coraciuraneta.com\/index.php\/wp-json\/wp\/v2\/pages\/207\/revisions\/557"}],"wp:attachment":[{"href":"https:\/\/coraciuraneta.com\/index.php\/wp-json\/wp\/v2\/media?parent=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}