A C T I V I D A D 2
Proyecto etapa 1 integrador
D I S E Ñ O D I G I T A L A P L I C A D O E N L A W E B
ELABORADO POR: PRESENTADO A:
Karel Montoya López Maridena Robertos Chi
08 de marzo de 2024
Actividad 2. Proyecto integrador etapa 1
Descripción:
Considerando la información que se presenta en el curso, diseñarás un sitio web-blog para darte a conocer a través de
la creación de contenidos propios y un portafolio de trabajo, a través del uso de un CMS.
• Etapa 1. Análisis de información preliminar y planeación del sitio web
• Etapa 2. Mapa de navegación, wireframe y paleta de colores
• Etapa 3. Creación de cuenta en WordPress y diseño de sitio web
• Etapa 2. Creación de entradas, contenido y vinculación con redes sociales
• Etapa 3. Publicación y pruebas de usuario
Instrucciones:
Desarrollarás este proyecto con base en la metodología Design Thinking y sus seis fases descritas en el texto de Pelta:
a. Comprender
b. Observar
c. Punto de vista
d. Idear
e. Prototipado
f. Probar
En esta primera etapa trabajarás con las fases Comprender y Observar.
1. Primero debes sentar las bases de quien eres, para lo que deberás realizar un análsis personal, respondiendo las
siguientes preguntas:
• ¿Quién he sido?, ¿Cómo llegué a este punto de mi vida?, He sido una niña comprensiva, muy risueña, cariñosa
y soñadora desde que tengo memoria, he sido una persona rodeada de mucho amor desde familia y amigos.
He sido bondadosa sin esperar nada a cambio debido a que mis valores me los dieron mis padres y familiares.
Llegué a quien soy ahora por los guías familiares que me han apoyado a forjarme como persona y también
mis decisiones, que bien no han sido en ocasiones las mejores pero me han ayudado a ser alguien más fuerte
al pasar por experiencias que me han marcado para toda la vida.
• ¿Quién soy ahora? Soy una mujer sentimental, busco conectar con mi corazón con las personas, una persona
que puede escuchar y aconsejar; me gusta brindar comprensión hacia los demás. Además, soy una persona
responsable, creativa, dedicada en lo que me apasiona. Soy una mujer capaz de sobrepasar las cosas y que
ahora es más fuerte que nunca, ahora me doy cuenta de mi valor y que no permitiré que nadie me vuelva a
sentir menos. Me doy cuenta que soy una persona maravillosa que no debe volver a sentir miedo de expresar
o sentir solo para aparentar, merezco ser quien soy y que sea aceptada en donde debo serlo. Soy la versión
de la puedo estar orgullosa hoy en día.
• ¿Quién quiero ser? Alguien más disciplinada y organizada de lo que soy ahora, quiero ser una mujer
profesionista orgullosa de sus proyectos, quiero ser una persona más segura de sí misma. Quiero ser alguien
del que sus padres estén orgullosos cada día más.
• ¿Qué quiero lograr con este sitio? Quiero lograr compartir mi trabajo, mi potencial como diseñadora y
creadora, al igual que busco que mis proyectos y el esfuerzo puesto en ellos sea reconocido y visto por demás
personas que puedan ser futuros clientes.
• ¿Para quién está dirigido?; ¿Quien será tu público objetivo? Este sitio está dirigido a personas que busquen
una diseñadora en la cual pueden confiar y sentirse seguros de obtener resultados efectivos al desear un
trabajo. Al igual que está dirigido a cualquier persona interesada en el diseño y apreciar los trabajos que he
desarrollado, así como inspirar a los usuarios que consulten el sitio. Mi público objetivo sería desde
adolescentes en busca de inspiración y que estén interesados en el diseño, al igual que emprendedores,
agencias de marketing, dueños de pequeñas empresas e incluso organizaciones sin fines de lucro.
2. Del análisis anterior definirás cual será la filosofia para tu sitio, es decir
• Tu misión: Dejar una huella en el diseño, así como forjar un espacio para la exposición de trabajos a manera
de portafolio, dando espacio a los proyectos audiovisuales que merecen ser apreciados, a su vez, ofrecemos
servicios de diseño disponible para cualquier público contando con una interfaz intuitiva y fácil de explorar el
recorrido artístico. Nuestra principal misión es transmitir a las personas los diseños creados con bases
esenciales del diseño, así como inducir al público la apreciación de las habilidades y creatividad de la
diseñadora, ya que en la rama del diseño toda idea tiene su propósito y debe ser explorada sin prejuicios.
• Tu visión: Ser un sitio consultado para forjar un lugar creativo generador de alianzas en el mundo artístico,
nuestra visión es clara, al querer ser un sitio de referencia e inspiración; al igual que se busca brindar un lugar
explorativo a la creatividad multimedia que se ha ejecutado.
• Tus valores: Principalmente los valores de la creatividad, esfuerzo, respeto y transparencia al inspirar que una
idea puede ser construida y ejecutada honestamente; ya que tenemos en cuenta que podemos inspirarnos
de otros artistas pero sin quitar su mérito al ser los creadores de la misma. También es fundamental el valor
de la innovación para dar proyectos de calidad, generando nuevas formas de llevar acabo proyectos dentro
del mundo del diseño.
3. Realiza una búsqueda en internet de 3 sitios que son de una temática similar a lo que tu quieres lograr con tu
sitio, navega en cada uno de ellos y analiza su estructura y secciones, así como la información y contenido
que comparten al público. Posteriormente, elabora una tabla como la que se presenta a continuación, en la que
describas brevemente cada aspecto analizado (en caso de no contar con la información de algún apartado,
señalarlo):
Información
Sitio 1 Sitio 2 Sitio 3
en sitio web
Enlace [Link]
[Link] [Link]
acortado m
Nombre Mirada gráfica Diseñadoras gráficas La Karulina
Barra buscadora con
Banner con el logo de la Cuenta con un banner con
pequeños íconos de las redes
empresa con un menú de 3 botones de servicios, proyectos,
sociales del sitio web,
círculos verticales y con blogs, contacto, kit digital y shop.
Página de acompañado de un menú de 3
botones de “Quienes somos, Cuenta con una gran texto a
inicio líneas horizontales. Contiene
servicios creativos, portafolio, “crear el universo visual de tu
ilustraciones dinámicas que al
contacto”. Al igual que se marca” con una tipografía
seleccionar el nombre de la
presenta un GIF. llamativa.
diseñadora cambia la imagen.
Misión: Crear conciencia y
Misión: Ofrecen Un valor queda • Misión: Ayudar a las
Filosofía visibilizar a las mujeres que
activo y corporativo en cada personas en su proyecto
(misión, visión han trabajado y trabajan en el
trabajo, Aportando soluciones de vida y que disfruten el
y valores) campo de la comunicación
estratégicas para alcanzar los trabajo.
visual.
objetivos y soluciones visuales Visión: Unificar el público • Visión: Seguir creciendo y
del negocio. general y sector profesional trabajar con libertad para
Visión: Superar fronteras para brindando a las aportaciones ayudar a los demás.
brindar soluciones realizdas por mujeres a lo largo • Valores: No contiene.
profesionales para agilziar de la historia en España y en el
procesos y forjar el crecimiento mundo.
laboral de forma efectiva y Valores: Inspiración, igualdad,
ágil. admiración, fortaleza, gratitud,
Valores: Respeto entre esperanza, conciencia.
acuerdos, atención al cliente,
valorar el tiempo ajeno y el
propio. Actualización
constante tecnoloógica y
capacitación al equipo
humano acerca del diseño.
Apartir del 2008 han brindado Es un proyecto de
Desde pequeña ha llevado la
soluciones al diseño y inverstigación creado por
creatividad sintiéndose atraída
comunicación para dar a Marta Quílez India, de la
por las formas visuales.
Historia del conocer clientes y empresas Universidad Miguel Hernández,
Graduada de audiovisuales,
autor internacionales. Han laborado gobierno de España, Ministerio
multimedia y espectáculos; se
para sobresalir como la opción de Sanidad, Servicios Sociales
especializó en el diseño gráfico y
primorial en la cual pudieran e Igualdad que busca
web.
confiar los negocios mexicanos permanecer el legado cultural
y así ir buscando su éxito como que las mujeres nos han
empresa. brindado en el diseño gráfico.
• Logotipos.
• Paquetes Identidad • Identidad corporativa.
• Lecturas informativas.
Corporativa. • Diseño web.
Productos o • Biografías.
• Brochure Corporativo. • Diseños instagram.
Servicios • Galerías de obras.
• Paquetes Web. • Ebooks corporativos.
• Archivo.
• Volantes. • Diseño gráfico.
• Publicidad digital
Desde un emprendedor hasta Personas emprendedoras o
Clientes una empresa pequeña sin pequeñas empresas dispuestas
Público en general y también el
(Público importar la ubicación en invertir en la creación de la
sector profesional del diseño.
objetivo) geográfica para poder ofrecer página web, diseño corporativo o
sus servicios. darle vida gráfica a su negocio.
• [Link]
om/disenadoragraficas/
• [Link] • 17007 Girona
• [Link]
m/company/mirada- hola@[Link]
nadorasgraf
gr-fica/ • [Link]
• [Link]
• [Link] m/lakarulina
Contacto om/disenadoras_grafic
om/miradagrafica • [Link]
as/
• WhatsApp: 55 18 30 01 77 karulina/
• [Link]
• contacto@miradagrafic • [Link]
@disenadoras_graficas
[Link] /lakarulina
• LinkedIn
• Gmail
Información
adicional Cuenta con blog, shop,
Blog, índice alfabético,
(blog con Tips y noticias en el blog, asesoramiento, plan para
cronología, información de la
temas de términos y condiciones, aviso desarollar una marca con
ubicación geográfica.
interés, tips, de privacidad, mapa del sitio. página web y estrategia de
etc. Contenido Instagram.
de apoyo)
4. Imagina a los usuarios que utilizan los sitios web que analizaste y responde las siguientes preguntas (de 3 a 5
renglones por cada respuesta):
• ¿Consideras que los sitios están diseñados para lograr una experiencia agradable e intuitiva hacia el usuario
final? ¿Por qué? Sí, ya que como profesionales conocemos que en el mundo del diseño debe contar con la
facilidad de la comunicación visual y en los tres sitios web presentados hacen uso de elementos adecuados,
así como la tipografía jugando con el peso visual y la colorimetría para guiar al usuario en tener una experiencia
dinámica con pequeñas animaciones e intuitiva para mantener intacta la atención del cliente.
• ¿Qué busca el usuario en este tipo de sitios web? ¿Qué necesidad pretenden resolver? El usuario puede estar
buscando una empresa o un freelancer que sea apto para el proyecto que desea realizar, por ello es necesario
que consulte diferentes sitios web hasta encontrar el estilo que sea adecuado a lo que desea promocionar o
comunicar al público y como tal desea contratar un servicio para su producto. Incluso puede ser que solo sean
futuros profesionistas o estudiantes que desean obtener inspiración y deciden investigar en sitios web como
los anteriores a manera de investigación de los portafolios.
• ¿Crees que los tres sitios cumplen con las características para satisfacer las necesidades de los usuarios? ¿De
qué manera? Así es, a mi parecer cumplen con las necesidades adecuadas ya que brindan información de los
servicios que proporcionan, así como ejemplos visuales a manera de portafolio de cuál es su estilo o en que se
especializan. También al contar con áreas específicas en la interfaz como brindar tips, información ilustrativa,
asesoramiento, entre otras secciones que ayudan a brindar información basta e ilustrativa para los usuarios y
al contar con esa transpariencia beneficia al sitio para concretar que es una buena opción para cumplir las
necesidades del futuro cliente.
5. Con base en la información que trabajaste en las instrucciones anteriores, describe los siguientes aspectos que
deberás considerar para el diseño de tu sitio web:
• Nombre de tu marca: Karel ML
• Frase representativa: “Crea e innova tu mejor versión” “Crea, expresa, innova”
• Necesidad por resolver: Exposición del potencial de mis proyectos y a su vez, ofrecer mis servicios de diseño.
• Público objetivo (segmento): Desde un emprendedor, un estudiante o profesional en el sector hasta uns
empresa de marketing.
• Servicio ofertado: Diseño web, editorial, diseño coorporativo, publicidad, estrategias en redes sociales.
• Motivos racionales y emocionales por los que el público debería creer en el servicio ofertado. ¿Qué te
diferencia de los demás?: Soy una diseñadora capaz de darle vida a tu emprendimiento, brindarle color y
reconocimiento a tu una marca visual es el propósito de mi profesión, conectar con la gente por medios
visuales y gráficos. La transparencia y honestidad como motivos racionales serán la clave para demostrar
mi proceso hasta los resultados finales, al igual que exponer mis valores como marca y diseñadora.
• Tipo de lenguaje a partir del que se desarrollará el sitio web: A nivel de programación será por medio de
WordPress (HTML, CSS, JavaScript).
• Acción que busca generar el sitio web en el público: Principalmente la conversión de poder adquirir los
servicios que se ofrecen, al igual que informativo ya que contendrá sección de blog a manera de ayudar a a
estudiantes o profesionales del mismo sector.
Referencias:
• Anónimo (s.f.). Mirada Gráfica. Recuperado de: [Link]
• Creactiva, A. (Grandes diseñadores gráficos de referencia - Aula Creactiva. Aula Creactiva. Recuperado de:
[Link]
• Cyberstream. (2024). El lenguaje de programación de WordPress: Una guía completa sobre su funcionamiento y
características. Byron Vargas ®. Recuperado de: [Link]
programacion-de-wordpress/
• Diseñadoras Gráficas. (2023). Inicio • Diseñadoras gráficas. Recuperado de: [Link]
• Gross, R. (2023). 33 Increíbles mujeres del mundo del diseño gráfico. Recuperado de:
[Link]
• LaKarulina. (2023, July 10). Diseños corporativos para impulsar tu marca • LaKarulina. Recuperado de:
[Link]
6. Guarda el archivo en formato .pdf con el número de la Actividad y las iniciales de tu nombre de la siguiente
manera: A#_ADZ.pdf
7. Para enviar la actividad al tutor:
• Presiona el título de la Actividad.
• Presiona el botón «Examinar equipo».
• Localiza la ruta donde lo guardaste y elige el archivo para adjuntarlo.
• Por último, oprime el botón «Enviar».
Nota: Esta es una actividad que usa la función SafeAssign para revisar la originalidad de tu documento. Considera lo
siguiente:
• Tienes dos intentos para mandar tu actividad.
• Tu tutor usará la misma herramienta para evaluar.