Issuu

ORBE XTRASOLAR

SITIO WEB DE ARTISTA TIPO FANPAGE

TESIS PARA OBTENER EL TÍTULO EN LICENCIADO EN

DISEÑO WEB Y ARTE DIGITAL

PRESENTA

LILIA DALAY LADRÓN DE GUEVARA PÉREZ

ASESOR

MTE. OCTAVIO VIETNAM GARCÍA LEÓN

INTRODUCCIÓN PROCESO DE DISEÑO

Sitio Web Maquetación Briefing Wireframe

Identidad gráfica Bocetos Propuesta seleccionada Responsivos Área de seguridad Fuentes tipográficas

Información Perfiles Trayectoria Discografía

ANTECEDENTES

Definición

Justificación y objetivo

Línea de investigación

Personajes animados Bocetaje Colores Modelado 3D Materiales Rigging

Principios Gestalt Corte Brillo Espacialidad

PROPUESTA DE DISEÑO

Sitio Web Versión escritorio

Versión móvil Mockups

Próximamente

Costos y presupuestos

CONCLUSIÓN

Glosario

Fuentes de consulta

INTRODUCCIÓN

El presente documento expone, de manera estructurada y detallada, el proceso de desarrollo integral de un proyecto de difusión que abarca desde la etapa inicial de planeación y conceptualización de un sitio web, hasta la creación de contenidos multimedia y la producción de un modelo tridimensional.

La inspiración que da vida a esta propuesta emana de una profunda admiración por el arte y la música como símbolos expresión y conexión cultural. Particularmente, la trayectoria del grupo musical EXO ha sido una fuente significativa de influencia emocional y artística. Su obra ha acompañado mis propios procesos de superación, brindándome impulso, consuelo y energía en momentos clave de mi desarrollo personal y académico. Este vínculo demuestra el poder transformador de la música, capaz de trascender barreras y convertirse en un motor que fortalece la identidad, el propósito y la resiliencia.

Con el objetivo de obtener el título de Licenciada en Diseño Web y Arte Digital, este documento se compone de tres apartados principales que articulan al proyecto. En el apartado de diseño web se describe el proceso de construcción de la arquitectura de la información del sitio, el cual incluye la elaboración de mapas de sitio y wireframes orientados a establecer una jerarquía clara de contenidos y una experiencia de navegación fluida.

Para la identidad visual se seleccionó una paleta cromática y tipografías alineadas con los valores estéticos del grupo EXO. Posteriormente, se diseñaron prototipos de alta fidelidad utilizando la herramienta Figma, los cuales fueron evaluados mediante pruebas de usabilidad centradas en la experiencia del usuario.

En el apartado de diseño tridimensional se detalla el flujo de trabajo seguido en la creación de un modelo 3D, comenzando por bocetos conceptuales y pasando por la elaboración de la malla base en Blender.

Se emplearon técnicas de subdivisión y retopología con el objetivo de obtener una geometría optimizada y limpia, a la cual se le realizó el unwrap de UVs, se aplicaron texturas en Substance Painter y se configuraron materiales realistas (PBR) mediante shading adecuado, todo ello con la intención de lograr un resultado técnico impecable y estéticamente coherente.

Para finalizar, se presentan los montajes correspondientes al sitio ORBE XTRA SOLAR. En ellos se evidencia cómo cada componente, desde la interfaz web hasta el modelo tridimensional, fue concebido con atención al detalle, deseo por difundir el genero pop extranjero y una intención clara de generar una experiencia intuitiva de los distintos componentes desarrollados que sincronizan para ofrecer una experiencia inmersiva, accesible y significativa al usuario.

CAPÍTULO UNO

antecedentes Definición

El siguiente proyecto tiene un enfoque cultural pues se encarga de promover acciones coordinadas para difundir, promover, conservar, preservar e impulsar la manifestación cultural que involucra al fenómeno del K-pop. En los últimos años, este género musical ha pasado de ser un fenómeno local a uno mundial de manera exponencial. El objetivo del proyecto es crear una página Web que dé a conocer la trayectoria y contexto del grupo EXO a la comunidad hispanohablante que aún no lo conoce, e impulsar a aquellos que ya forman parte del fenómeno K-pop, pero no han tenido contacto con el grupo. La página está planteada para ser de largo plazo, ya que también se plantea como fuente de noticias. Su financiamiento provendrá de apoyos de la comunidad e inversión personal.

Justificación y objetivo

La creación de la página Web dedicada al grupo de K-pop EXO surge por mi interés en su música y la admiración que siento por ellos como artistas y personas. Mi enfoque para este proyecto se centra en difundir información del grupo con el objetivo de estimular la interacción entre los fans y fomentar una comprensión del género musical. Al mismo tiempo, aspira a ser un recurso de divulgación cultural y un ambiente inclusivo que conecte a individuos de diversas procedencias a través de su mutuo gusto por la música. Además, la creación de esta sitio Web me brinda la oportunidad de aplicar mis conocimientos en Diseño Web y Arte Digital en un proyecto significativo como un punto de convergencia entre la tecnología y la información, permitiéndome aprovechar las habilidades tecnológicas adquiridas en mi formación académica, demostrando mis habilidades y competencia en la implementación de conceptos de diseño, usabilidad y experiencia del usuario.Por lo tanto,el objetivo central es crear una fanpage que efectúe la divulgacion de la cultura pop coreana con enfoque en el grupo EXO.

Línea de investigación

Este apartado se refiere al camino de estudio que se siguió en este proyecto; explica los diversos aspectos que participan como ejes del mismo, como la usabilidad, la experiencia del usuario, la interfaz de usuario complementandose con otras áreas como lo son del diseño, la animación y el modelado.

Web

El diseño de páginas Web es el proceso de planificación, con ceptualización y organización del contenido destinado a in ternet. Va más allá de la apariencia para incluir la funcionali dad de un sitio Web. Involucra la creación de una estructura de sitio Web, diseñando patrones de navegación, y haciendo que la interfaz sea comprensible y atractiva para los usuarios. Por su parte, con mi investigación reuní referencias de cómo se podia manejar los gráficos en la homepage (página de inicio).

Durante mi formación, las clases de Introducción al HTML y Diseño Interactivo me proporcionaron valiosos conoci mientos en Diseño de Interfaz (UI) y Diseño de Usuario (UX). En Introducción al HTML, aprendí los fundamentos del lenguaje de marcado HTML y cómo estructurar con tenido en la Web. Comprender la semántica de las eti quetas y cómo crear una base sólida para la interfaz de usuario fue esencial para el proyecto que hoy propongo.

Por otro lado, en Diseño Interactivo, exploré conceptos como la navegación, la usabilidad y la interacción del usuario con la página. Aprendí a diseñar interfaces intuitivas, considerando aspectos que actualmente dan gran presencia visual en el di seño Web, como la disposición de elementos, la elección de colores y tipografías, y la creación de wireframes y prototipos.

Carlson, J., Malina, T. & Fleishman, G. (1999). Color: The Best Work from the Web (Website Graphics). Paperback. Fecha de publicación: 1 de febrero de 1999.

Estos conocimientos me han permitido abordar proyectos de diseño de manera más completa y efectiva, considerando tanto la funcionalidad como la estética ya que una buena UX y UI mejoran la usabilidad; lo que significa que los usuarios pueden realizar tareas de manera eficiente y sin frustraciones. Una navegación clara, botones y elementos de interacción bien ubicados, y un diseño visual atractivo, para contribuir a una experiencia de usuario positiva pues para un artista, es crucial que su sitio Web refleje su estilo y estética personal. En este proyecto haré uso de lo anterior para poteniciar el sitio.

Durante mi búsqueda de referencias para definir una línea de estilo, me encontré

con el libro Color: The Best Work from the Web. Las imágenes y gráficos que encontré allí no solo eran visualmente impactantes, sino que también transmitían una sensación de espacialidad y organicismo que me convenció aplicar para mi sitio.

Los contenidos me llevaron a reflexionar y decidí adoptar una filosofía de diseño que abrazara la armonía entre estas dos corrientes. Los espacios en negativo, como los silencios entre las notas de una melodía, se volvieron esenciales en mi enfoque. Estos vacíos no solo otorgan un respiro visual, sino que también permiten que cada elemento destaque por sí mismo, evitando la la saturación en la composición, creando una experiencia de usuario serena y equilibrada.

Carlson, J., Malina, T. & Fleishman, G. (1999). Color: The Best Work from the Web (Website Graphics). Paperback. Fecha de publicación: 1 de febrero de 1999.

Animación

Posterior a mi investigación decidí incorporar el modelado 3D como una parte integral del proyecto. Reconocí que esta área es versátil y ofrece un sinfín de posibilidades para la creación y personalización de figuras y texturas. Fue en el transcurso de mis últimos semestres que tuve la oportunidad de aprender técnicas de animación y modelado, lo que me permitió explorar y experimentar con diferentes estilos y métodos para este proyecto.

Con esta técnica se es capaz de dibujar cualquier forma con precisión, desde líneas simples y complejas. Se utiliza en diversos ámbitos como la arquitectura, el diseño, la animación, los videojuegos, entre otros.

Para desarrollar un modelo 3D, primero, se genera un objeto geométrico base llamado primitiva, por ejemplo, un plano, una esfera, un cubo o un cilindro compuesto de numerosos polígonos. Aplicando diversas herramientas de modelado, puedes procesar este objeto según tus preferencias y detalles.

Además del modelado 3D que consiste en crear objetos tridimensionales, empleé conceptos como:

Modelado de personajes, que es el proceso de transformar un concepto, esencialmente una idea, en un modelo tridimensional.

Rigging, el cual es un proceso crucial en la animación y los gráficos en movimiento donde se crea una estructura de huesos y controles digitales dentro de una geometría, y con ayuda de los riggs (huesos) los animadores comienzan a darle vida al cuerpo, haciendo incluso movimientos faciales o sacudidas en la ropa y cabello.

Para documentarme recurrí a al libro Learning Blender, en donde fui siguiendo los pasos para crear los personajes animados. La adición del modelado 3D a mi proyecto no solo enriqueció el resultado final, sino que también me permitió aplicar y expandir mis habilidades en esta área.

Villar, O. (2017)

Learning Blender (M,Taub, L,Lewin) (Segunda edición).

Mark L. Taub

Marketing

Durante el periodo de trabajo se tuvo la oportunidad de asistir a la plática del diseñador Andrés Cansino de la agencia Mosaico quien expuso el tema Marketing en Redes y Medios Digitales. Se recuperaron los siguientes puntos de dicha presentación:

• El marketing es una disciplina que incluye la publicidad como una de sus herramientas.

• La mercadotecnia abarca la identificación y satisfacción de las necesidades y deseos del consumidor a través de la oferta de productos o servicios.

• La publicidad es una parte esencial de la estrategia de marketing y cumple funciones importantes:

Evolución de los sitios web

Desde su origen como una mera colección de documentos vinculados, la Web ha experimentado una transformación significativa, convirtiéndose en una red global robusta para la información y la comunicación. En sus inicios, la Web era estática, con sitios Web compuestos por páginas HTML sencillas que presentaban información fija sin interacción con el usuario. Sin embargo, con el avance de las tecnologías Web, emergieron métodos innovadores para desarrollar sitios más dinámicos e interactivos. La aparición de lenguajes de programación del lado del servidor, como PHP y ASP, proporcionó a los desarrolladores la capacidad de crear sitios Web capaces de producir contenido en tiempo real.

A continuación se presenta una línea del tiempo marcando los sucesos que permitieron la evolución de sitios en todo el mundo y a su vez suscesos del pop coreano que tuvieron relación en el Internet desde los 90.

Tipología

Una página Web es un documento digital que se puede acceder a través de Internet. Es una colección de archivos electrónicos que pueden incluir texto, imágenes, videos, enlaces y otros elementos multimedia. Se muestran en un navegador Web y pueden contener información estática o dinámica. Los sitios Web pueden categorizarte según su utilidad:

Wiki

Los wiki son una buena opción para mejorar y compartir tu conocimiento, porque este se construye de manera colaborativa y se puede actualizar en cualquier momento.

Blog

Los blogs son páginas Web donde se publican artículos o posts de manera cronológica con temas que van desde historias de vida hasta noticias, pasando por ensayos, tutoriales o listas de consejos prácticos. Surgen como una necesidad de llevar un diario personal en línea y se le asignó el término Webblog en 1997.

Página de figura publica

Se trata de vender la experiencia y el talento de profesionistas y expertos en áreas muy diversas, desde gurús del marketing y coaches de vida, pasando por todo tipo de vocaciones e intereses particulares. Con el aumento de contenido multimedia, los wikis son los sitios que más han aumentado ya que se enfocan en artistas, deportistas, películas, etc.

Ejemplos claros son los wikis denominados Fandom, cuya descripción destaca lo siguiente:

“Nuestra programación original aborda la cultura pop desde la perspectiva de sus mayores fanáticos, haciendo preguntas y profundizando en los detalles que más quieren saber.”

(What is fandom, 2023)

Dichos sitios permiten una interacción global a personas que radiquen en temas especificos de la cultura pop, sin importar la época o la índole, ofreciendo un espacio de gráfica multimedia, información actualizada, foro de comentarios e hipervinculación que abre la oportunidad a que personas interesadas puedan consultar fuentes externas que competen de igual forma con el tema que buscó en un principio.

Al ser mi objeto de estudio un grupo musical, busco unificar los tres tipos de sitios en uno solo, aprovechando las caracteristicas principales de cada uno:

Wiki : Mejorar y compartir conocimiento de manera colectiva

Blog: Publicar artículos o entradas de manera cronológica con temas literarios, historias de vida, noticias o ensayos.

Figura pública: Vender la experiencia y el talento de profesionistas.

Referentes

El referente hace mención a los elementos que se toman para replicarlos en el trabajo propio, hablando de sitios Web estos son los ele que capturan la atención del visitante y transmiten la identidad del sitio. Estos elementos incluyen imágenes, videos, iconos y otros recursos visuales.

Nombre: EXO JP Website

Autor: SM Entertaiment Japan

Es la página Web del grupo surcoreano EXO, adaptado para su segundo país de promoción (Japón). Agrega mercancía, singles y contenido exclusivo del país.

Áreas de oportunidad

La animación de carga me interesa y es un recurso que planeo retomar en mi sitio, así como los apoyos visuales son de los puntos a favor que se planea retomar.

Nombre: EXO Website

Autor: SM Entertainment

Es la página Web del grupo EXO en Corea. Agrega mercancía, singles, contenido exclusivo del país y cronología del grupo

Áreas de oportunidad

El manejo del espacio dentro de la página me interesa y considero retomar en mi sito, el manejo de la cronología e información.

Nombre: Charlie Puth Website

Autor: Atlantic

Sitio Web del músico y productor Charlie Puth en donde se puede observar su discografía y últimas actualizaciones.

Áreas de oportunidad

La interactividad, manejo visual, y croma son algunos de los elementos que destacan en este sitio en comparación a otros sitios de artistas.

Nombre: Zhang Yixing

Autor: xback.world

Es una página Web del artista chino LAY (Zhang Yixing). Tiene una recopitacion de su información personal y carrera hasta el 2023.

Áreas de oportunidad

La interactividad y acomodo de información son recursos que planeo retomar en mi sitio.

Nombre: Alice Oseman Website

Autor: Bookswarm

Alberga todas las obras literarias de la escritora juvenil Alice Oseman, así como su Web cómic y contenido de carácter externo como tienda de mercancía, juego interactivo y trabajo ilustrativo.

Áreas de oportunidad

El espacio dentro de la página que me interesa retomar es el área de juego interactivo online, ya que está vinculado con sus historias y es un descanso visual agradable.

Contexto del grupo

El proyecto se centra en la creación de una página Web para fans del grupo EXO.

Se ha elegido este grupo, además del gusto personal, por la complejidad y profundidad narrativa que presentan en sus videos musicales. En las siguientes páginas se presenta un breve acercamiento bajo del que se desarrolla la carrera del grupo.

A través de los videos musicales, EXO desarrolla una narrativa compleja que combina elementos de fantasía y realidad, explorando temas de amor, pérdida y redención. Sus videos musicales y canciones no solo presentan a los miembros como protagonistas de un mundo fantástico donde tienen habilidades, sino que también tejen una historia continua que mantiene a los fans intrigados y comprometidos con su evolución artística. Cada video musical hace referencia a una “era”, concepto que emplean los fans para marcar diferentes temporalidades de la carrera musical del grupo.

Actualmente la narrativa consta de veintidós videos musicales y por lo tanto, sendas eras.

"Mama" e "history" son los primeros videos musicales para presentar a EXO y su concepto del "EXO Planet", el cual es un término fundamental que se refiere al planeta ficticio del cual provienen los doce miembros del grupo. La narrativa conceptual creada por SM Entertainment se basa en la idea de que cada miembro del grupo es un ser con superpoderes denominado "leyenda", originario de dicho planeta. En mama, se introduce la narración sobre el árbol de la vida (la fuente de los poderes de las leyendas) y los poderes individuales de cada miembro.

Cada miembro tiene un equivalente en la otra subunidad (K o M) que decidió la disquera que es el siguiente:

EXO-K

EXO-M

Suho, Baekhyun, Chanyeol, D.O., Kai y Sehun.

Xiumin, Chen, Lay, Kris, Luhan y Tao.

Asimismo, hay una relación entre cada integrande expuesta en el video mama. Como se muestra a continuación:

EXO-K

Baekhyun

Chanyeol

Suho

Chen

Kai

Sehun

EXO-M

Lay

Kris

Tao

Xiumin

D.O

Luhan

ESCENA

Baekhyun se refleja en el espejo de Lay.

Kris atrapa algo que Chanyeol incendia.

Ambos atrapan la misma mariposa.

Suho limpia su reflejo y se convierte en Xiumin.

Un rayo cae detrás de D.O.

Tienen poderes de teletransporte y telequinesis.

Para los seguidores de EXO, las eras y el llamado "lore" es muy importante. Para ello el resto de las eras se describe a continuación:

Mama y Wolf: Introducción y desarrollo de la misión de las leyendas y el inicio de sus relaciones con una joven, que los conecta emocionalmente con la Tierra en la que están desarrollando su misión.

Growl y Miracles in December: Evolución de sus relaciones y la primera ruptura significativa, la cual influye negativamente en sus poderes.

Call Me Baby, Love Me Right y Sing For You: Las leyendas encuentran fuerza en el amor, pero siempre recordando su hogar y la misión que se les encomendó.

Lucky One y Monster : La lucha entre sus sentimientos y deber se intensifica, culminando en su captura y manipulación por la Red Force (enemiga del grupo).

allkpop. (2019, marzo 12).

SMTOWN. (2012, April 7). EXO-K “MAMA” MV (Korean ver.) [Video]. YouTube. https://www.youtube.com/watch?v=KH6ZwnqZ7Wo

Lotto y Kokobop: Las leyendas enfrentan un cambio drástico, posiblemente influenciado por clonación o manipulación genética por parte de la Red Force, reflejando una lucha interna por volver en sí.

For Life : Se adentran en una etapa de reflexión y recuperación donde las leyendas intentan sanar emocionalmente y recuperar sus poderes.

Power y Universe: Logran triunfar sobre la Red Force y meditan sobre sus errores, buscando un balance entre su misión y sus emociones.

Tempo, Love Shot y Obsession: Desentrañan la realidad y luchan contra los clones de la Red Force, X-EXO, reafirmando su identidad y misión.

Don't Fight the Feeling: Logran su victoria sobre la Red Force y las leyendas se reunen, preparándose para un nuevo capítulo.

Let Me In: Cada uno se somete a un tiempo de aislamiento y reconexión, pero con una nueva amenaza inminente, simbolizando un ciclo de nuevas esperanzas y desafíos.

Aunque ficticia, la narrativa ofrece una profunda reflexión sobre la lucha interna y externa que todos enfrentamos. Las leyendas, con sus poderes y misiones, son metáforas

de nuestras propias luchas, relaciones, y la búsqueda de equilibrio en la vida. Su historia es un recordatorio de que, a pesar de las adversidades, siempre hay esperanza y la posibilidad de redención y reconexión, con sus complejas capas y simbolismos, no solo ha capturado la imaginación de los fans, sino que también ha brindado lecciones sobre amor, sacrificio, y la perseverancia frente a la adversidad.

Desde el lado argumental, como en cualquier epopeya, el viaje de EXO continúa, siempre en busca de restaurar el balance y cumplir con su misión, guiados por el amor y la esperanza. Es por ello que EXO me parece un gran objeto cultural de divulgación a través de mi área formativa ya que tengo material audiovisual con el cual puedo enriquecer el sitio Web, donde además puedo reflejar impacto de la ola coreana, el cual ha sido significativo en la sociedad contemporánea a nivel mundial.

Este grupo, como uno de los más destacados de este fenómeno cultural, no solo ha contribuido a la difusión de la cultura coreana a través de la música, sino que también ha influido en tendencias de moda, estilo de vida y valores entre sus seguidores globales. La capacidad del grupo para contar historias complejas a través de sus producciones audiovisuales, y su influencia en la expansión de la ola coreana, hacen de ellos un objeto de estudio fascinante y relevante para esta tesis.

CAPÍTULO DOS

proceso de diseño

Sitio Web

Maquetación

Para la creación de un sitio Web es necesario cumplir una serie de pasos antes de ya diseñarla. Para la planeación se necesita tener un documento que puntualice los requerimientos especificos para tomar en cuenta en el proyecto.

De igual forma, se necesita dar una identidad, por lo que el diseño es un apartado igualmente importante. Como último paso, se trabajan los elementos digitales que irán dentro del sitio como los iconos, textos e imágenes.

La maquetación es esa etapa en la que se organiza con un documento escrito la información, de igual forma se estructura y se distribuye de manera gráfica los espacios y elementos que tendrá el sitio.

Briefing

Es un documento que contiene información relevante y necesaria para crear un proyecto, se especifica las necesidades del proyecto, lo que sirve como punto de partida para desarrollar la idea y convertirla en realidad. En este caso, el briefing se creo en el software Notion que me permite colocar la información jerarquizada y enlazada.

A continuación se presenta el briefing del sitio ORBE XTRASOLAR, el cual se puede consultar de forma completa en linea escaneando el código qr.

Wireframe

Un wireframe es un diagrama visual que esboza el esqueleto de un proyecto o pieza tecnológica. A veces se conoce como esquema de la página o plano de la pantalla y muestra cómo se relacionan los elementos entre sí y cómo están estructurados.

Identidad gráfica

La identidad es un elemento escencial de marca de cualquier sitio Web. Debe incluir un logotipo, colores identificables y fuentes con el objetivo de mantener la integridad de la marca en sus diferentes aplicaciones.

Lo que se busca es representar los valores, el espiritu y las actividades de la empresa, y ser reconocible para la audiencia.

Bocetos

Es una representación preliminar de un proyecto y ayuda a conceptualizar ideas en el papel. Para el caso de ORBE XTRA SOLAR, la identidad busca reflejar conceptos de universo, orbe y unificación.

Propuesta seleccionada

Para la propuesta final se seleccionó el siguiente boceto, ya que lograba representar de manera precisa y simbólica el concepto de “orbe”. No obstante, durante el proceso de análisis, este diseño también permitió explorar una nueva dimensión del concepto de unidad, la cual emergió a través de la fragmentación visual.

ORBE

X TRASOLAR

Se profundizó en cómo podría dividirse el orbe de forma significativa, buscando que dicha fragmentación no implicara ruptura, sino más bien una representación de la conexión entre las tres entidades que conforman el universo de EXO: EXO-K, EXO-M y EXO-L. A partir de esta reflexión, se definieron tres cortes estratégicos, cada uno simbolizando una parte esencial del conjunto, en equilibrio y diálogo constante.

El resultado final, por tanto, no solo conserva la esencia del orbe como figura central, sino que también incorpora una lectura más compleja y emocional del vínculo entre los distintos componentes del fandom y del grupo, reforzando la idea de unidad a través de la diversidad.

Identidad gráfica final

Responsivos

Se refiere a la capacidad del logo para adaptarse a diferentes tamaños y formatos sin perder legibilidad y reconocibilidad. Son esenciales en un mundo digital en constante cambio, donde se utilizan en una variedad de plataformas y dispositivos.

Área de seguridad

Se refiere a un espacio específico alrededor del logotipo que debe mantenerse libre de cualquier otro elemento visual, como texto, imágenes o gráficos adicionales.

Este espacio garantiza que el logo sea claramente visible, legible y reconocible, incluso cuando se utiliza en diferentes contextos y medios.

Fuentes tipográficas

Una fuente es un conjunto de signos gráficos de un tipo y de un tamaño determinados; estos gráficos tienen características comunes entre sí.

Felix Titling regular

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789

La fuente Felix Titling Regular pertenece a la familia serif. Donde las serifas son pequeñas proyecciones o líneas en los extremos de los trazos de las letras. Esta fuente presenta serifas en los extremos de los caracteres, de estilo cuadrado, lo que le proporciona un aspecto clásico y elegante.

Su estilo general es clásico y atemporal gracias a las serifas y al peso regular, por lo que es más adecuada para títulos y encabezados.

Montserrat extralight

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789

Montserrat ExtraLight es una fuente sans-serif, lo que significa que carece de los remates ornamentales en los extremos de los caracteres. Al ser sans-serif, no tiene serifas, lo que le confiere un aspecto moderno y minimalista.

Esta fuente es ideal para aplicaciones que requieren delicadeza y simplicidad, como títulos y encabezados en diseño gráfico o interfaces digitales.

Información

La información es la parte central del contenido de la página Web. En este apartado se encuentra todo lo textual, enlaces y cualquier otro elemento multimedia que forme parte de la página.

Perfiles

Para mantener orden y que no se omitiera ningún detalle en la búsqueda de información se emplearon páginas que contienen una base general de datos. En caso de que éstos no fueran similares, se realizaba la adaptación correspondiente.

Perfil de Suho en Notion

Perfil de Chanyeol en Notion

Perfil de Kai en Notion

Perfil de Baekhyun en Notion

Perfil de Sehun en Notion

Perfil de D.O en Notion

Perfil de Xiumin en Notion

Perfil de Chen en Notion

Perfil de Lay en Notion

Trayectoria

Esta ficha se enfoca en los sucesos que envuelven a todo el grupo, incluye momentos importantes como conciertos, premios y momentos que impactaron en desarrollo del grupo.

Cronología del Grupo en Notion

Discografía

Se realizó una lista detallada de todos los discos y canciones publicadas de EXO.

Discografía del Grupo en Notion

Multimedia

La multimedia se refiere a la integración de diferentes formas de medios, como imágenes, audio y video, para transmitir información de manera clara y atractiva.En este apartado podemos ver algunos bocetos del hero y banners del proyecto.

de la animación e interacción de diversos hero´s en el sitio Web.

Bocetos

Personajes animados

Los personajes animados comúnmente conocidos como mascotas publicitarias han tenido una reciente participación dentro de grupos actuales en el K-pop. Siendo su función primordiar publicitar y representar al grupo e integrantes que los emplea.

A continuación se descríbirá el desarrollo de los personajes que formarán parte de las nueve mascotas publicitarias que contempla el proyecto. El proceso de diseño fue el mismo para cada uno de los modelos.

(NiziU OFFICIAL FANCLUB WithU, s. f.)

Gracias a la viabilidad de personajes como BT21 y NIZOO es que se plantearon los (identidad) para EXO. Pues es un recurso que atrae la atención y permite la interacción con los fanáticos, que es una de las misiones del sitio Web.

Fue a partir del fan meeting.“The EXO’luXion Talk Zoo Costume” 2016 que se seleccionaron las especies que representarian a cada inntegrante, pues EXO vistió unas pijamas con caracteristicas zoomorfas.

Bocetaje

El proceso de bocetaje comenzó plasmando ideas sobre la base corporal de los personajes. Se estableció una altura de dos cabezas para que se conservará una imagen tierna y amigable tipo “chibi”; el primer prototipo que se desarrolló fue el personaje del lider del grupo, Suho.

Los materiales ocupados en esta primera etapa tradicional fueron, hojas tabloide, lápiz color rojo, regla. En la migración a digital se ocupó el software Clip Studio Paint y el lápiz por defecto.

(사구삼즈, 2016)

Una vez que quedó definida la figura en papel, se fotografió y migró a la aplicación para sacar una base general sobre la cual se agregarían elementos de los distintos animales y se cambiaría altura pero partiendo de una misma forma. En diferentes capas se fueron planteando los nueve personajes involucrados.

Colores

Ya que se tenia una noción de la apariencia fisica de los personajes se realizaron pruebas de color dentro del mismo software aterizando en un split de monocromático que se apegaba a las pijamas previamente abordadas.

HEX: #EDD7AE

HEX: #F4F4F4

Modelado 3D

El modelado 3d se realizó en el software Blender, ya que se consideró una herramienta versátil para los objetivos planteados con estos personajes.

Ésta es una fase posterior al turn around ya que debe de tenerse una idea de las dimensiones para el modelo. Los personajes se importan al canva de trabajo y se adecuan formas básicas para que se asemeje a lo planteado.

Se modeló una base general de los personajes para que fuera ocupada en los nueve modelos. Posteriormente se adecuaron conforme a las caracteristicas prediseñadas.

Materiales

Una vez terminado el modelo, se comenzó con la asignación de materiales. Esto se refiere a darle a la base una lista de propiedades que permitirán al modelo adaptarse mejor al ambiente, esto mediante reflejos, sombras y colores propios de el animal correspondiente.

Los materiales que se le aplicaron fueron una base de color # F2EEB3, aspereza del 0.908 e IOR del 1.450.

Rigging

El rigging es la etapa en la que al modelo ya terminado se le asignan huesos similares al esqueleto humano para que tenga movimiento naturales de las articulaciones. Los huesos se colocan en todas las partes en las que se quiera movimiento, como orejas, manos, pies y torso; sin embargo se debe de tomar en cuenta que estos deben de tener un orden de jerarquias en la que todas las articulaciones están ligadas al torso que, en este caso, es el soporte del modelo y hueso principal.

Principios Gestalt

A continuación se presentan los principios de la Teoría de la forma empleados en el proyecto. La fundamentación teórica se basó en el libro "Conceptos de Teoría de la Forma" por Joel Olivares Ruiz, rector de la Universidad Gestalt de Diseño

Corte

Es un concepto para significar una forma simple contruida con figuras universales como el cubo, la esfera y la pirámide. Está relacionado este concepto con la técnica escultórica de eliminar partes para crear la forma. La intención de usar este concepto como principio generador de la composición es percibir la forma simple pregnante para despues correr en los detalles otras composiciones.

Brillo

El brillo es un efecto de la luz sobre las propiedades del material cuando éste es reflejante; la precepcion de este fenomeno es una zona de claridad concentrada en un punto de máxima luminosidad que refleja puntualmente la fuente luminosa.

Espacialidad

Espacialidad es la cualidad del espacio que en su dinamica genera una fuerza que invade desde el centro hacia todos los puntos del exterior como fuerza centrífuga estática, es decir sin la intensión de rotar.

Espacialidad aplicada en sitio

CAPÍTULO TRES

propuesta de diseño

Sitio Web

ORBE XTRASOLAR está organizado en cuatro secciones fundamentales, cada una diseñada para ofrecer al usuario una experiencia informativa, atractiva y coherente sobre EXO y sus integrantes:

Inicio: Se presenta una visión general del grupo , incluyendo información esencial sobre su formación, concepto artístico y redirección a los perfiles individuales.

Grupo: Este apartado está dedicado a explorar en profundidad la trayectoria de EXO como agrupación. Aquí se abordan sus conciertos emblemáticos, actividades promocionales, logros colectivos y la narrativa de “lore”.

Discografía: Esta sección ofrece un recorrido completo por la producción musical de EXO, abarcando tanto los trabajos grupales como los lanzamientos individuales de sus miembros en calidad de solistas.

Personal: En este apartado se profundiza en la carrera como solista de cada integrante, incluyendo sus actividades en solitario, proyectos actorales, apariciones televisivas y contribuciones dentro de sub-unidades del grupo.

A continuación se muestran los resultados del diseño web del sitio ORBE XTRASOLAR.

QR del sitio ORBE XTRASOLAR

Versión Escritorio

El proyecto de sitio web que concebí desde el inicio fue pensado como una plataforma de largo plazo, con una estructura sólida que pudiera sostenerse y evolucionar con el tiempo. Por esta razón, me enfoqué en establecer bases firmes desde sus etapas iniciales. El principal reto que enfrenté fue el proceso de recopilación y organización de información, especialmente considerando mi objetivo fundamental: que el sitio estuviera completamente disponible en español.

Para su desarrollo la plataforma elegida para desarrollar ORBE XTRA SOLAR fue Webflow, a continuacion se mencionan las caracteristicas que fueron tomadas en cuenta para su elección:

Una vez definida la plataforma sobre la cual se construiría el sitio web (en este caso Webflow) se procedió a realizar una investigación detallada sobre los distintos planes disponibles, con el objetivo de identificar aquel que ofreciera los beneficios más adecuados para las necesidades del proyecto.

Esta evaluación consideró factores clave como la capacidad de gestión de contenido dinámico, la inclusión de certificados de seguridad (SSL), la posibilidad de integrar código personalizado, el ancho de banda ofrecido y la escalabilidad de la solución.

Finalmente, se optó por el plan CMS gracias a los siguientes puntos:

Control total sobre el diseño y contenido

La posibilidad de añadir interacciones con JavaScript, SVGs personalizados y APIs como Spotify fue esencial para lograr una experiencia multimedia rica.

Optimización responsiva precisa, que logró adaptar el sitio a vistas móviles específicas, algo que otras plataformas no permiten con tanta precisión.

Gracias a su estructura flexible, funciones avanzadas y compatibilidad con proyectos de mediana escala Webflow fue una herramienta idónea para el desarrollo de ORBE XTRA SOLAR.

Versión Móvil

Para la versión responsiva de ORBE XTRASOLAR en dispositivos móviles, se trabajó bajo las medidas estándar reconocidas en diseño web: 320 píxeles de ancho para la vista vertical (portrait) y 568 píxeles para la vista horizontal (landscape). Estas dimensiones permiten cubrir la mayoría de los modelos de teléfonos actuales, garantizando una experiencia visual optimizada.

Uno de los desafíos principales en la implementación responsiva fue preservar la integridad del diseño original. Para lograrlo, se realizaron ajustes clave, como la reducción de tamaños en los encabezados H1, con el fin de evitar que desbordaran el contenedor visual. Asimismo, se incrementaron los márgenes internos (padding) en varios textos informativos, para mejorar la legibilidad y asegurar que se mantuviera la armonía entre los elementos sin exceder los límites del formato móvil.

Una sección que presentó un reto adicional fue la página de “Discografía”. Este apartado fue desarrollado en aproximadamente un 70% utilizando código personalizado, lo cual añadió complejidad al proceso de adaptación. Al hacerla responsiva, se plantearon dos posibles alternativas: modificar por completo el funcionamiento interno de la sección o reescribir gran parte del código. Tras una evaluación de viabilidad y experiencia de usuario, se optó por limitar la visualización de esta página exclusivamente a la vista horizontal en dispositivos móviles. Esta decisión se definió como la mejor solución, dado que en vista vertical la navegación se veía significativamente interrumpida, afectando la fluidez esperada por el usuario.

Ajustar elementos visuales como los encabezados y el espaciado permitió conservar la identidad gráfica del sitio, mientras que la implementación estratégica de restricciones en ciertas secciones garantizó que el usuario pudiera navegar de forma intuitiva, sin obstáculos. Más allá de los aspectos técnicos, esta planificación cuidadosa demuestra una sensibilidad por la estética y por el comportamiento del usuario.

La adaptación no solo responde a una necesidad funcional, sino que también refuerza la personalidad del sitio, asegurando que ya sea en escritorio o en móvil, transmita consistencia y dinamismo.

Dado que gran parte del contenido relevante se encuentra originalmente en inglés y coreano (idioma que no domino), emprendí una labor exhaustiva de traducción. Primero, traduje los textos del coreano al inglés, para luego verterlos al español, asegurándome de preservar la coherencia contextual y la precisión de las fechas en formatos occidentales. Esta etapa del proyecto no solo implicó un ejercicio lingüístico, sino también una curaduría de la información, que me permitió ir asignando cada bloque temático a su lugar dentro de la arquitectura del sitio.

Una vez concluido el proceso de recopilación, traducción y organización del contenido, procedí al desarrollo estructural del sitio siguiendo el wireframe previamente diseñado. Elegí trabajar con Webflow, ya que su interfaz intuitiva, la posibilidad de incluir código personalizado, y sus planes de pago accesibles se ajustaban perfectamente a las necesidades del proyecto. Opté por el plan CMS, lo que me permitió integrar “collections” o colecciones dinámicas que aportaron mayor funcionalidad y dinamismo a la plataforma, facilitando la gestión de contenido y enriqueciendo la experiencia de navegación del usuario.

Ejemplo de tradución coreano-inglés, inglés-español realizado en Notion

Mockups

Página inicio: Hero | Mockup escritorio y móvil

Página inicio: Bienvenida | Mockup

Página inicio: Integrantes | Mockup

Página inicio | Fullpage

Página de Grupo | Fullpage

Página grupo: Historia | Mockup

de Integrante: Sehun | Fullpage

Página

Página Sehun | Mockup

de Integrante: D.O | Fullpage

Página

Página D.O | Mockup

Página de Integrante: Chanyeol | Fullpage

Página Chanyeol | Mockup

Página de Integrante: Baekhyun | Fullpage

Página Baekhyun | Mockup

Página de Integrante: Chen | Fullpage

Página Chen | Mockup

Página de Integrante: Lay | Fullpage

Página Lay | Mockup

Página de Integrante: Suho | Fullpage

Página Suho | Mockup

de Integrante: Xiumin | Fullpage

Página

Página Xiumin | Mockup

Página de Integrante: Kai | Fullpage

Página Kai | Mockup

Página Discografía | Fullpage

Ilustraciones para "Página Discografía"

Página Discografía | Mockup escritorio y móvil

Durante el desarrollo de ORBE XTRA SOLAR, uno de los conflictos que se presentó durante la fase de recopilación de contenido multimedia fue la procedencia de los recursos disponibles en la red. Esta situación planteó una disyuntiva ética sobre qué tipo de material debería incluirse en la plataforma, considerando el respeto hacia la privacidad de los artistas.

En Corea del Sur, ha cobrado notoriedad el término sasaeng (사생), utilizado para referirse a cierto tipo de fanáticos que, motivados por una obsesión desmedida, transgreden límites graves al invadir la vida privada de los idols. La palabra deriva de los términos coreanos sa (privado) y saeng (vida), lo que literalmente significa "vida privada". Paradójicamente, muchas de las imágenes, videos y audios que circulan en internet sobre los miembros de EXO provienen de este tipo de prácticas invasivas.

Consciente de esta problemática, se estableció desde el inicio una regla moral inquebrantable: la página únicamente publicaría recursos que hayan sido compartidos directamente por los miembros de EXO, sus agencias oficiales o colaboradores autorizados. Esta medida busca no reproducir ni contribuir a la difusión de materiales obtenidos de forma poco ética por parte de fans obsesivos.

Como parte de este compromiso ético, se diseñaron avisos preventivos en distintas secciones del sitio web, con el objetivo de advertir a los usuarios sobre la posible presencia de contenido sensible y fomentar el respeto hacia los artistas. El primer aviso se encuentra ubicado en la sección "Inicio", justo antes del acceso directo a los perfiles individuales de los integrantes. El mensaje que se presenta es el siguiente:

ORBE XTRA SOLAR es un proyecto independiente y sin fines de lucro. El propósito de esta página es compartir información y material con admiración hacia los artistas; no estamos afiliados a EXO ni relacionados con la gestión de SM Entertainment, Company Soosoo o INB100. Todo el contenido disponible en este sitio web, como imágenes, vídeos, audios y demás materiales, pertenece a sus respectivos propietarios y no tiene la intención de lucrar, difamar ni infringir derechos de autor o propiedad intelectual.

Si algún contenido vulnera derechos, será retirado a solicitud de los propietarios correspondientes.

Por otro lado, surgió un segundo desafío relacionado con la difusión de información sobre actos ilegales o moralmente cuestionables cometidos por un exintegrante del grupo.

Si bien ORBE XTRA SOLAR reconoce la participación de dicha persona en la trayectoria original de EXO, se definió que cualquier mención se limitaría únicamente a lo necesario, sin omitir ni encubrir los hechos ocurridos. La plataforma considera fundamental mantener una postura ética, clara y responsable frente a este tipo de situaciones.

En la sección "Grupo", antes de las líneas de tiempo que documentan la trayectoria del conjunto, se incluye el siguiente aviso:

Este sitio web se compromete a mantener una postura ética en la difusión de información, por lo cual no promueve ni visibiliza a figuras públicas que hayan cometido actos delictivos. Respecto al grupo EXO, se reconoce la participación de todos sus integrantes; sin embargo, este espacio se reserva el derecho de mencionarlos únicamente en la medida que sea pertinente. Apoyamos con cariño y reconocimiento a aquellos exintegrantes que han decidido continuar su trayectoria profesional de manera individual, reiterando al mismo tiempo que no se difundirá información relacionada con personas que hayan transgredido la privacidad o la integridad de terceros.

Página inicio y grupo: Avisos | Mockup

Próximamente

En el marco de las actualizaciones planificadas para ORBE XTRA SOLAR, y atendiendo a su visión de largo plazo, se ha contemplado la integración de un filtro temático para redes sociales que incluye a las mascotas de grupo EXO. Esta iniciativa responde tanto a la estrategia de expansión creativa como al deseo de generar experiencias interactivas alineadas con los valores comunitarios del proyecto.

El desarrollo de este filtro está siendo llevado a cabo de forma completamente autónoma, por una sola persona, lo que implica un proceso integral que abarca desde el modelado tridimensional de los personajes hasta la implementación técnica del filtro en entornos sociales y su futura gestión. Este enfoque individualizado demuestra el compromiso y la versatilidad del equipo detrás de ORBE XTRA SOLAR, y refleja el interés por generar recursos accesibles, personalizados y éticamente sostenibles. Actualmente, esta próxima adición ya cuenta con una presencia preliminar en el sitio oficial, donde se ha habilitado una sección específica bajo el nombre de “Filtro”. En ella se ofrece un adelanto del contenido en desarrollo, permitiendo que visitantes visualicen el avance del proyecto, comprendan el propósito detrás del filtro, y lo consideren como parte de las propuestas interactivas futuras de la plataforma.

Página Próximamente | Mockup escritorio y móvil

Costos y presupuestos

Como parte de la planeación técnica y financiera de este proyecto, se desarrolló un análisis comparativo orientado a seleccionar la plataforma de desarrollo web más adecuada, tomando en cuenta criterios de escalabilidad, funcionalidad, costos operativos y nivel de personalización. Este proceso comenzó con la identificación de alternativas viables, entre ellas Wix, GoDaddy, Shopify y Squarespace, todas con modelos de precios, alcances técnicos y públicos objetivo diferentes. Se recopiló información detallada sobre los planes disponibles en cada una de estas plataformas, prestando especial atención a sus tarifas mensuales, características incluidas en cada nivel de servicio, y el grado de flexibilidad que ofrecen en términos de diseño, integración externa y gestión de contenido.

Una vez concluido este primer acercamiento informativo, se procedió a contrastar los resultados obtenidos con Webflow, plataforma previamente considerada como candidata principal por su enfoque visual, capacidad de integración avanzada y modelo CMS robusto. Este ejercicio permitió identificar puntos críticos, como la relación entre precio y funcionalidad, las opciones de personalización sin dependencia de plugins externos, y la facilidad de mantenimiento de los sitios desarrollados en su ecosistema.

Tras validar la competitividad técnica y económica de Webflow, se profundizó en el estudio del plan CMS que ofrece la plataforma. Esta revisión incluyó aspectos como el número de colecciones y elementos permitidos, la capacidad de colaboración en equipo, el control granular de estilos, y la administración eficiente de contenidos dinámicos. También se consideraron las implicaciones éticas y organizativas de adoptar una solución centralizada para la publicación de contenido.

Con base en esta investigación, y en línea con los objetivos de sostenibilidad, autonomía técnica y claridad operativa del proyecto, se concluyó que Webflow CMS representa la opción más adecuada, al ofrecer un equilibrio sólido entre funcionalidad, facilidad de uso y viabilidad financiera. Esta elección fue documentada en los anexos técnicos del proyecto como parte de una justificación formal, y se incorporó al esquema de gestión que permitirá el monitoreo continuo de costos y funcionalidades.

CONCLUSIÓN

Para concluir este proceso, me gustaría expresar la profunda satisfacción que siento con el resultado alcanzado. A pesar de las dificultades técnicas, creativas y financieras que surgieron a lo largo del camino, me siento sinceramente satisfecha con el resultado alcanzado. Pude aplicar de manera efectiva los saberes adquiridos en distintos campos de formación, desde el diseño, la programación y la gestión de contenidos hasta el trabajo ético y comunitario que ha sido parte esencial de esta experiencia. Cada decisión, cada línea de código, cada ajuste en el diseño refleja no solo habilidades técnicas, sino también un profundo respeto por la comunidad a la que está destinado este espacio.

Como toda persona que crea algo desde cero, muchas veces sentí que “faltaba algo” o que el sitio podía crecer aún más. Sin embargo, al detenerme, observar con perspectiva el camino recorrido y conectar emocionalmente con lo que he construido, me doy cuenta de que este proyecto no solo tiene valor en sí mismo, sino que también abre múltiples puertas para lo que podría llegar a ser. Crear un sitio que hable de lo que admiro, que contribuya a una comunidad de la que soy parte y que refleje principios que considero importantes ha sido, sin duda, una experiencia transformadora.

ORBE XTRA SOLAR no es un producto terminado: es un espacio vivo, pensado para evolucionar en función de las personas que lo visitan, colaboran y se vinculan con él. Mi objetivo es continuar fortaleciéndolo a largo plazo, tanto desde lo técnico como desde lo emocional y ético. Confío en que, con el tiempo, más voces y talentos se sumen a este recorrido, aportando nuevas ideas, habilidades y afectos que le den aún más sentido a su existencia.

Soy muy consciente de que existen recursos que por ahora no he podido implementar debido a limitaciones económicas, pero más que un obstáculo, lo considero una invitación constante a seguir actualizando, renovando y soñando con nuevas posibilidades. Esta flexibilidad permite que el sitio se mantenga relevante, que se adapte a nuevas necesidades y que crezca de forma orgánica junto con su comunidad.

Seguiré trabajando con entusiasmo, transparencia y cuidado para que ORBE XTRA SOLAR se consolide como un espacio ético, accesible y profundamente humano en su forma de conectar con los fans, con el arte y con las ideas.

Glosario

1.Fanpage: Una página o cuenta dedicada a un grupo o artista en redes sociales, administrada por fans. En ella se comparten noticias, fotos, videos y contenido relacionado.

2.K-pop: Abreviatura de "Korean pop", se refiere a la música pop producida en Corea del Sur.

3.Debut: El momento en que un grupo o artista lanza oficialmente su primera canción o álbum.

4.Sencillo: Una canción individual lanzada como una unidad independiente, sin formar parte de un álbum completo.

5.EP: Abreviatura de "extended play", es un formato musical que contiene más canciones que un sencillo pero menos que un álbum completo.

6.Singles: Otra palabra para "sencillos", se refiere a canciones individuales lanzadas por un grupo o artista.

7.Era: Un período de tiempo en la carrera de un grupo o artista, caracterizado por un concepto o estilo específico.

8. Lore: Historias, mitos o detalles que rodean a un grupo o artista, como los conceptos detrás de sus álbumes o videos musicales.

9.Fenómeno cultural: El impacto y la influencia que el K-pop tiene en la sociedad y la cultura en todo el mundo.

10.Fan meeting: Un evento organizado por un grupo o artista para interactuar con sus fans en persona.

11.Mascota publicitaria: Un personaje o imagen utilizado para promocionar un grupo o producto.

12.Chibi: Un estilo de ilustración que representa a personajes con cuerpos pequeños y cabezas grandes, comúnmente utilizado en el K-pop y la cultura friki.

13.Idol: Es un término usado para describir a un artista musical surcoreano firmado bajo una agencia de entretenimiento.

14.Zoomorfo: Es un adjetivo que califica o describe cualquier objeto que presenta o tiene un grado de parentesco animal. Es decir que se parece a un animal.

Fuentes de consulta

Adriana. (2017). ¿Qué son y cómo funcionan los portales Web? Blog Netcommerce. https://info.netcommerce.mx/funcionan-los-portales-web/ recuperado en mayo de 2023.

Aguirre, G. M. P. (2023). Tipos de páginas web: características y cómo elegir la mejor. Blog. https://mx.godaddy.com/blog/tipos-de-paginas-web-caracteristicas-como-elegir-mejor/#sub6 recuperado en mayo de 2023.

Alice Oseman | Creator of the million-copy bestselling Heartstopper books. (2022, 13 abril). Alice Oseman. https://aliceoseman.com/ recuperado en mayo de 2023.

ARTIST. (s. f.). MUSIC NATION SMTOWN. https://www.smtown.com/artist/musician/86 recuperado en mayo de 2023.

Author, G. (2022). “Publicidad interactiva: entiende cómo aumentar el engagement con anuncios interactivos.” Rock Content - ES. https://rockcontent.com/es/blog/publicidad-interactiva/ recuperado en mayo de 2023.

Beer, G. (2006). Web Desing Index: By Content.02. Pepin Press.

Charlie Puth | Official Website. (s. f.). Charlie Puth. https://www.charlieputh.com/ recuperado en mayo de 2023.

Coppola, M. (2023, 19 enero). Los 10 tipos de sitios web que existen y cuándo utilizarlos. HubSpot. https://blog.hubspot.es/website/tipos-paginas-web recuperado en mayo de 2023.

De La Peña Frade, N. (2023). “Por favor, ¿alguien sabe qué es la interactividad?” Genially Blog. https://blog.genial.ly/que-es-interactividad/, recuperado en mayo de 2023.

FULL OF CHARACTER[S] (1.a ed.). (2012). Satéllit bcn. Guzmán, C. (2023, 9 febrero).

¿Qué es VR?” | 2023. Maestrías y MBA. https://www.ceupe.mx/blog/que-es-vr.html recuperado en mayo de 2023.

Katy Perry | Official Site. (2022, 26 enero). Katy Perry. https://www.katyperry.com/ recuperado en mayo de 2023.

Macho Stadler, M. (s. f.). “¿Qué es la topología?” [PDF]. https://www.ehu.eus/~mtwmastm/ sigma20.pdf recuperado en mayo de 2023. monsashop.com. (s. f.). “FLAT ILLUSTRATION.” https://monsashop.com/es/ilustracion/398-flat-illustration.html recuperado en mayo de 2023

NEWS EXO OFFICIAL WEBSITE. (529). EXO OFFICIAL WEBSITE. https://exojp.net/news/index.php?page=1 recuperado en mayo de 2023.

Quispe, I. (2023). “¿Qué es el modelado 3D?” Arcux. https://arcux.net/blog/ que-es-el-modelado-3d/ recuperado en mayo de 2023.

Roldán Martínez, D., Valderas Aranda, P. J., & Pastor López, Ó. (2010). Aplicaciones Web: Un enfoque práctico (Ra-Ma 2010). RA-MA Editorial. Rojas, J. (2022, 27 mayo).

El primer sitio web de la historia. Un hito que cambió vidas. Telefónica.https://www.telefonica.com/es/sala-comunicacion/blog/el-primer-sitio-webde-la-historia-un-hito-que-cambio-vidas/ recuperado en mayo de 2023.

Wikström, P. (s. f.). La industria musical en una era de distribución digital | OpenMind. OpenMind. https://www.bbvaopenmind.com/articulos/la-industria-musical-en-una-era-de-distribucion-digital/ recuperado en mayo de 2023.

사구삼즈. (2016, 20 marzo). 160320 엑소 앙콘 엑솔루션닷 멘트 동물잠옷 [Vídeo]. YouTube.https://www.youtube.com/watch?v=wdgaQ09KExU

BT21. Conoce a los UNIVERSTARS - Line Friends INC. | PlanetadeLibros. (s. f.). PlanetadeLibros. https://www.planetadelibros.com.mx/libro-bt21-conoce-a-los-universtars/392423

NiziU OFFICIAL FANCLUB WithU. (s. f.). NiziU OFFICIAL FANCLUB WithU. https:// fc.niziu.com/s/n120/page/goods_202306

Leeminberliu-Blog. (2015, 22 marzo). Pathcode explained and decoded. Tumblr. https://leeminberliu-blog.tumblr.com/post/114273033941/pathcode-explained-and-decoded

Este ejemplar de ORBE XTRASOLAR fue impreso en la ciudad de Xalapa, Veracruz, México.

El armado y encuadernado del volumen estuvo a cargo de el DG. Andrés Marcelino Corrales Amezcua.

La impresión se realizó en Imago Centro de Diseño, ubicado en Av. 1ro de mayo #23, Col. Obrero Campesina, C.P. 91020, Xalapa, Veracruz, México, utilizando couché mate de 250 grs.

La tipografía empleada en esta edición fue Monserrat en sus variables Medium para títulos, Monserrat Black para los subtítulos, y Monserrat Regular para el cuerpo de archivo.

Octubre, 2025