Célula INNLab: Plataforma de relacionamiento con clientes

Abstract Purpose: This paper aims to address the communication and visibility challenges faced by INNLab, the innovation center at Universidad ICESI. Despite its rapid growth and successful collaborations with prominent regional companies such as Banco W, Incauca, and Grup o Sura, INNLab has struggl...

Full description

Autores:
Medina Escudero, Alejandro
Rodriguez Carabalí, Juan José
Tipo de recurso:
Contribution to the magazine
Fecha de publicación:
2023
Institución:
Universidad ICESI
Repositorio:
Repositorio ICESI
Idioma:
spa
OAI Identifier:
oai:repository.icesi.edu.co:10906/130202
Acceso en línea:
https://hdl.handle.net/10906/130202
https://biblioteca2.icesi.edu.co/cgi-olib/?oid=363945
Palabra clave:
INNLab
Communication
Experiencia de usuario
Innovations
Plataformas digitales
Stakeholders
Trabajo de Grado en Diseño de Medios Interactivos
Rights
openAccess
License
http://creativecommons.org/licenses/by-nc-nd/4.0/
id ICESI2_5f84e11619b4c2e4aaf656990a7f5f44
oai_identifier_str oai:repository.icesi.edu.co:10906/130202
network_acronym_str ICESI2
network_name_str Repositorio ICESI
repository_id_str
dc.title.spa.fl_str_mv Célula INNLab: Plataforma de relacionamiento con clientes
title Célula INNLab: Plataforma de relacionamiento con clientes
spellingShingle Célula INNLab: Plataforma de relacionamiento con clientes
INNLab
Communication
Experiencia de usuario
Innovations
Plataformas digitales
Stakeholders
Trabajo de Grado en Diseño de Medios Interactivos
title_short Célula INNLab: Plataforma de relacionamiento con clientes
title_full Célula INNLab: Plataforma de relacionamiento con clientes
title_fullStr Célula INNLab: Plataforma de relacionamiento con clientes
title_full_unstemmed Célula INNLab: Plataforma de relacionamiento con clientes
title_sort Célula INNLab: Plataforma de relacionamiento con clientes
dc.creator.fl_str_mv Medina Escudero, Alejandro
Rodriguez Carabalí, Juan José
dc.contributor.advisor.none.fl_str_mv Naranjo Cadena, Andrés Felipe
dc.contributor.author.none.fl_str_mv Medina Escudero, Alejandro
Rodriguez Carabalí, Juan José
dc.subject.proposal.spa.fl_str_mv INNLab
Communication
Experiencia de usuario
Innovations
Plataformas digitales
Stakeholders
Trabajo de Grado en Diseño de Medios Interactivos
topic INNLab
Communication
Experiencia de usuario
Innovations
Plataformas digitales
Stakeholders
Trabajo de Grado en Diseño de Medios Interactivos
description Abstract Purpose: This paper aims to address the communication and visibility challenges faced by INNLab, the innovation center at Universidad ICESI. Despite its rapid growth and successful collaborations with prominent regional companies such as Banco W, Incauca, and Grup o Sura, INNLab has struggled with informal communication channels, limited online presence, and a lack of defined visual identity. The primary o bjective of this project is to develop a digital platform that enhances INNLab's brand recognition and strengthe ns its connection with key stakeholders, thereby improving client perception and facilitating smoother internal processes. Design/Methodology/Approach: The project began with identifying the key technological tools and languages that would align with the project's goals. Vite was chosen to ensure quick load times and smooth user experience. ReactJS and Storybook were used to create scala ble components, a llowing for easy updates across the website. ESLint was implemented to maintain consistent code quality, while Tailwind CSS f acilitated efficient styling directly within HTML files. To render dynamic content, Supabase was used f or database management, and Cloudinary was integrated for multimedia content storage. Strapi served as the CMS, enabling non - programmers to easily update website content. The hosting was handled by Render, ensuring fast and reliable access to the website. Two types of user testing were conducted to validate the platform. First, usability tests were performed with potential clien ts, divided into three stages: initial interviews about their experiences with INNLab, usability tasks on the new website, and post - test interviews to gather feedback on their experience with the platform. Second, quantitative interaction data was collected using Hotjar, which provided insights into user behavior through heatmaps, click tracking, session durations, and abandonment rat es over a 14 - day period. Findings : The usability tests revealed that users found significant value in the new platform. They appreciated the ease of contactin g INNLab and noted improvements in the speed of internal processes for quotations. Key feedback included positive remarks about the platform's clear structure and intuitive design, although some issues such as the prominence of company logos were identified and subsequently addressed. Ho tjar analytics showed high engagement with an average session duration of 9:28 minutes and a low click frustration rate of 0.3%. However, a 20.1% bounce rate indicated that further optimization is needed to encourage deeper exploration beyond the landing page. Practical Implications : This project demonstrates the practical benefits of implementing a modern digital platform for academic innovation centers. The results highlight how such a platform can significantly enhance client interactions, streamline internal processes, and b oost overall brand visibility. The methodology and tools used provide a replicable model for other institutions seeking similar improvements in their digital presence. Originality/Value : This paper contributes to the field by offering a detailed case study on the integration of advanced web technologies to so lve communication and visibility challenges in an academic innovation center. The comprehensive approach, combining qualitative u se r feedback with quantitative interaction data, provides valuable insights into user - centered design and technology integration. This case study serves as a valuable resource for other innovation centers and academic institutions aiming to enhance their dig ital engagement and operational efficiency. Keywords INNLab, digital platform, web development, user experience, communication, innovation center, Brand recognition, stakeholder engagement.
publishDate 2023
dc.date.issued.none.fl_str_mv 2023-06-01
dc.date.accessioned.none.fl_str_mv 2025-03-17T20:52:15Z
dc.date.available.none.fl_str_mv 2025-03-17T20:52:15Z
dc.type.none.fl_str_mv bachelor thesis
dc.type.coar.fl_str_mv http://purl.org/coar/resource_type/c_7a1f
dc.type.coar.none.fl_str_mv http://purl.org/coar/resource_type/c_3e5a
dc.type.local.none.fl_str_mv Trabajo de grado
dc.type.version.spa.fl_str_mv info:eu-repo/semantics/publishedVersion
dc.type.coarversion.none.fl_str_mv http://purl.org/coar/version/c_970fb48d4fbd8a85
dc.type.driver.none.fl_str_mv info:eu-repo/semantics/bachelorThesis
format http://purl.org/coar/resource_type/c_3e5a
status_str publishedVersion
dc.identifier.uri.none.fl_str_mv https://hdl.handle.net/10906/130202
dc.identifier.OLIB.none.fl_str_mv https://biblioteca2.icesi.edu.co/cgi-olib/?oid=363945
dc.identifier.instname.none.fl_str_mv instname:Universidad Icesi
dc.identifier.reponame.none.fl_str_mv reponame:Biblioteca Digital
dc.identifier.repourl.none.fl_str_mv repourl:https://repository.icesi.edu.co/
url https://hdl.handle.net/10906/130202
https://biblioteca2.icesi.edu.co/cgi-olib/?oid=363945
identifier_str_mv instname:Universidad Icesi
reponame:Biblioteca Digital
repourl:https://repository.icesi.edu.co/
dc.language.iso.none.fl_str_mv spa
language spa
dc.rights.uri.none.fl_str_mv http://creativecommons.org/licenses/by-nc-nd/4.0/
dc.rights.accessrights.spa.fl_str_mv info:eu-repo/semantics/openAccess
dc.rights.license.en.fl_str_mv Attribution-NonCommercial-NoDerivatives 4.0 International
dc.rights.coar.none.fl_str_mv http://purl.org/coar/access_right/c_abf2
rights_invalid_str_mv http://creativecommons.org/licenses/by-nc-nd/4.0/
Attribution-NonCommercial-NoDerivatives 4.0 International
http://purl.org/coar/access_right/c_abf2
eu_rights_str_mv openAccess
dc.format.extent.none.fl_str_mv 8 páginas
dc.format.medium.spa.fl_str_mv Digital
dc.format.mimetype.none.fl_str_mv application/pdf
dc.coverage.spatial.none.fl_str_mv Cali de Lat: 03 24 00 N degrees minutes Lat: 3.4000 decimal degrees Long: 076 30 00 W degrees minutes Long: -76.5000 decimal degrees.
dc.publisher.none.fl_str_mv Universidad Icesi
dc.publisher.faculty.none.fl_str_mv Barberi de Ingeniería, Diseño y Ciencias Aplicadas
dc.publisher.program.none.fl_str_mv Diseño de Medios Interactivos
dc.publisher.place.none.fl_str_mv Santiago de cali
publisher.none.fl_str_mv Universidad Icesi
institution Universidad ICESI
bitstream.url.fl_str_mv https://repository.icesi.edu.co/bitstreams/804c890d-c647-4739-aebd-0a452b1f6c2a/download
https://repository.icesi.edu.co/bitstreams/d3784cc2-e2e2-4bfa-b34e-2a39821159e0/download
https://repository.icesi.edu.co/bitstreams/194770ae-9a56-4d92-9acc-d0327facd542/download
https://repository.icesi.edu.co/bitstreams/4ce2ec37-b8d7-4bcd-a49f-78e3c3a45890/download
bitstream.checksum.fl_str_mv 842431e11aa428299e57dcc778c95aff
3b6ce8e9e36c89875e8cf39962fe8920
bb9bdc0b3349e4284e09149f943790b4
b961febc519279541f4c008804a416bd
bitstream.checksumAlgorithm.fl_str_mv MD5
MD5
MD5
MD5
repository.name.fl_str_mv Biblioteca Digital - Universidad Icesi
repository.mail.fl_str_mv adquisicion-bib@listas.icesi.edu.co
_version_ 1841720100683513856
spelling Naranjo Cadena, Andrés FelipeMedina Escudero, AlejandroRodriguez Carabalí, Juan JoséCali de Lat: 03 24 00 N degrees minutes Lat: 3.4000 decimal degrees Long: 076 30 00 W degrees minutes Long: -76.5000 decimal degrees.2025-03-17T20:52:15Z2025-03-17T20:52:15Z2023-06-01https://hdl.handle.net/10906/130202https://biblioteca2.icesi.edu.co/cgi-olib/?oid=363945instname:Universidad Icesireponame:Biblioteca Digitalrepourl:https://repository.icesi.edu.co/Abstract Purpose: This paper aims to address the communication and visibility challenges faced by INNLab, the innovation center at Universidad ICESI. Despite its rapid growth and successful collaborations with prominent regional companies such as Banco W, Incauca, and Grup o Sura, INNLab has struggled with informal communication channels, limited online presence, and a lack of defined visual identity. The primary o bjective of this project is to develop a digital platform that enhances INNLab's brand recognition and strengthe ns its connection with key stakeholders, thereby improving client perception and facilitating smoother internal processes. Design/Methodology/Approach: The project began with identifying the key technological tools and languages that would align with the project's goals. Vite was chosen to ensure quick load times and smooth user experience. ReactJS and Storybook were used to create scala ble components, a llowing for easy updates across the website. ESLint was implemented to maintain consistent code quality, while Tailwind CSS f acilitated efficient styling directly within HTML files. To render dynamic content, Supabase was used f or database management, and Cloudinary was integrated for multimedia content storage. Strapi served as the CMS, enabling non - programmers to easily update website content. The hosting was handled by Render, ensuring fast and reliable access to the website. Two types of user testing were conducted to validate the platform. First, usability tests were performed with potential clien ts, divided into three stages: initial interviews about their experiences with INNLab, usability tasks on the new website, and post - test interviews to gather feedback on their experience with the platform. Second, quantitative interaction data was collected using Hotjar, which provided insights into user behavior through heatmaps, click tracking, session durations, and abandonment rat es over a 14 - day period. Findings : The usability tests revealed that users found significant value in the new platform. They appreciated the ease of contactin g INNLab and noted improvements in the speed of internal processes for quotations. Key feedback included positive remarks about the platform's clear structure and intuitive design, although some issues such as the prominence of company logos were identified and subsequently addressed. Ho tjar analytics showed high engagement with an average session duration of 9:28 minutes and a low click frustration rate of 0.3%. However, a 20.1% bounce rate indicated that further optimization is needed to encourage deeper exploration beyond the landing page. Practical Implications : This project demonstrates the practical benefits of implementing a modern digital platform for academic innovation centers. The results highlight how such a platform can significantly enhance client interactions, streamline internal processes, and b oost overall brand visibility. The methodology and tools used provide a replicable model for other institutions seeking similar improvements in their digital presence. Originality/Value : This paper contributes to the field by offering a detailed case study on the integration of advanced web technologies to so lve communication and visibility challenges in an academic innovation center. The comprehensive approach, combining qualitative u se r feedback with quantitative interaction data, provides valuable insights into user - centered design and technology integration. This case study serves as a valuable resource for other innovation centers and academic institutions aiming to enhance their dig ital engagement and operational efficiency. Keywords INNLab, digital platform, web development, user experience, communication, innovation center, Brand recognition, stakeholder engagement.II. INTRODUCCION -- A. Árbol del problema -- B. Problema a trabajar -- C. Antecedentes -- D. Consecuencias -- E. Delimitantes -- F. Objetivo General -- G. Strapi -- H. Render -- IV. RESULTADOS Y DISCUSIÓN -- V. CONCLUSIONES -- VI. REFERENCIAS BIBLIOGRÁFICAS -- VII. ANEXOS8 páginasDigitalapplication/pdfspaUniversidad IcesiBarberi de Ingeniería, Diseño y Ciencias AplicadasDiseño de Medios InteractivosSantiago de caliEL AUTOR, expresa que la obra objeto de la presente autorización es original y la elaboró sin quebrantar ni suplantar los derechos de autor de terceros, y de tal forma, la obra es de su exclusiva autoría y tiene la titularidad sobre éste. PARÁGRAFO: en caso de queja o acción por parte de un tercero referente a los derechos de autor sobre el artículo, folleto o libro en cuestión, EL AUTOR, asumirá la responsabilidad total, y saldrá en defensa de los derechos aquí autorizados; para todos los efectos, la Universidad Icesi actúa como un tercero de buena fe. Esta autorización, permite a la Universidad Icesi, de forma indefinida, para que en los términos establecidos en la Ley 23 de 1982, la Ley 44 de 1993, leyes y jurisprudencia vigente al respecto, haga publicación de este con fines educativos Todo persona que consulte ya sea la biblioteca o en medio electróico podrá copiar apartes del texto citando siempre la fuentes, es decir el título del trabajo y el autor.http://creativecommons.org/licenses/by-nc-nd/4.0/info:eu-repo/semantics/openAccessAttribution-NonCommercial-NoDerivatives 4.0 Internationalhttp://purl.org/coar/access_right/c_abf2Célula INNLab: Plataforma de relacionamiento con clientesbachelor thesishttp://purl.org/coar/resource_type/c_3e5ahttp://purl.org/coar/resource_type/c_7a1fTrabajo de gradoinfo:eu-repo/semantics/publishedVersionhttp://purl.org/coar/version/c_970fb48d4fbd8a85info:eu-repo/semantics/bachelorThesisTodo PúblicoINNLabCommunicationExperiencia de usuarioInnovationsPlataformas digitalesStakeholdersTrabajo de Grado en Diseño de Medios InteractivosORIGINALT02865.pdfT02865.pdfapplication/pdf249865https://repository.icesi.edu.co/bitstreams/804c890d-c647-4739-aebd-0a452b1f6c2a/download842431e11aa428299e57dcc778c95affMD51CC-LICENSElicense_rdflicense_rdfapplication/rdf+xml; charset=utf-8899https://repository.icesi.edu.co/bitstreams/d3784cc2-e2e2-4bfa-b34e-2a39821159e0/download3b6ce8e9e36c89875e8cf39962fe8920MD52LICENSElicense.txtlicense.txttext/plain1748https://repository.icesi.edu.co/bitstreams/194770ae-9a56-4d92-9acc-d0327facd542/downloadbb9bdc0b3349e4284e09149f943790b4MD53THUMBNAILT02865.pdf.jpgT02865.pdf.jpgIM Thumbnailimage/jpeg10661https://repository.icesi.edu.co/bitstreams/4ce2ec37-b8d7-4bcd-a49f-78e3c3a45890/downloadb961febc519279541f4c008804a416bdMD5410906/130202oai:repository.icesi.edu.co:10906/1302022025-03-17 22:00:36.248http://creativecommons.org/licenses/by-nc-nd/4.0/Attribution-NonCommercial-NoDerivatives 4.0 Internationalopen.accesshttps://repository.icesi.edu.coBiblioteca Digital - Universidad Icesiadquisicion-bib@listas.icesi.edu.coTk9URTogUExBQ0UgWU9VUiBPV04gTElDRU5TRSBIRVJFClRoaXMgc2FtcGxlIGxpY2Vuc2UgaXMgcHJvdmlkZWQgZm9yIGluZm9ybWF0aW9uYWwgcHVycG9zZXMgb25seS4KCk5PTi1FWENMVVNJVkUgRElTVFJJQlVUSU9OIExJQ0VOU0UKCkJ5IHNpZ25pbmcgYW5kIHN1Ym1pdHRpbmcgdGhpcyBsaWNlbnNlLCB5b3UgKHRoZSBhdXRob3Iocykgb3IgY29weXJpZ2h0IG93bmVyKSBncmFudHMgdG8gRFNwYWNlIFVuaXZlcnNpdHkgKERTVSkgdGhlIG5vbi1leGNsdXNpdmUgcmlnaHQgdG8gcmVwcm9kdWNlLCB0cmFuc2xhdGUgKGFzIGRlZmluZWQgYmVsb3cpLCBhbmQvb3IgZGlzdHJpYnV0ZSB5b3VyIHN1Ym1pc3Npb24gKGluY2x1ZGluZyB0aGUgYWJzdHJhY3QpIHdvcmxkd2lkZSBpbiBwcmludCBhbmQgZWxlY3Ryb25pYyBmb3JtYXQgYW5kIGluIGFueSBtZWRpdW0sIGluY2x1ZGluZyBidXQgbm90IGxpbWl0ZWQgdG8gYXVkaW8gb3IgdmlkZW8uCgpZb3UgYWdyZWUgdGhhdCBEU1UgbWF5LCB3aXRob3V0IGNoYW5naW5nIHRoZSBjb250ZW50LCB0cmFuc2xhdGUgdGhlIHN1Ym1pc3Npb24gdG8gYW55IG1lZGl1bSBvciBmb3JtYXQgZm9yIHRoZSBwdXJwb3NlIG9mIHByZXNlcnZhdGlvbi4KCllvdSBhbHNvIGFncmVlIHRoYXQgRFNVIG1heSBrZWVwIG1vcmUgdGhhbiBvbmUgY29weSBvZiB0aGlzIHN1Ym1pc3Npb24gZm9yIHB1cnBvc2VzIG9mIHNlY3VyaXR5LCBiYWNrLXVwIGFuZCBwcmVzZXJ2YXRpb24uCgpZb3UgcmVwcmVzZW50IHRoYXQgdGhlIHN1Ym1pc3Npb24gaXMgeW91ciBvcmlnaW5hbCB3b3JrLCBhbmQgdGhhdCB5b3UgaGF2ZSB0aGUgcmlnaHQgdG8gZ3JhbnQgdGhlIHJpZ2h0cyBjb250YWluZWQgaW4gdGhpcyBsaWNlbnNlLiBZb3UgYWxzbyByZXByZXNlbnQgdGhhdCB5b3VyIHN1Ym1pc3Npb24gZG9lcyBub3QsIHRvIHRoZSBiZXN0IG9mIHlvdXIga25vd2xlZGdlLCBpbmZyaW5nZSB1cG9uIGFueW9uZSdzIGNvcHlyaWdodC4KCklmIHRoZSBzdWJtaXNzaW9uIGNvbnRhaW5zIG1hdGVyaWFsIGZvciB3aGljaCB5b3UgZG8gbm90IGhvbGQgY29weXJpZ2h0LCB5b3UgcmVwcmVzZW50IHRoYXQgeW91IGhhdmUgb2J0YWluZWQgdGhlIHVucmVzdHJpY3RlZCBwZXJtaXNzaW9uIG9mIHRoZSBjb3B5cmlnaHQgb3duZXIgdG8gZ3JhbnQgRFNVIHRoZSByaWdodHMgcmVxdWlyZWQgYnkgdGhpcyBsaWNlbnNlLCBhbmQgdGhhdCBzdWNoIHRoaXJkLXBhcnR5IG93bmVkIG1hdGVyaWFsIGlzIGNsZWFybHkgaWRlbnRpZmllZCBhbmQgYWNrbm93bGVkZ2VkIHdpdGhpbiB0aGUgdGV4dCBvciBjb250ZW50IG9mIHRoZSBzdWJtaXNzaW9uLgoKSUYgVEhFIFNVQk1JU1NJT04gSVMgQkFTRUQgVVBPTiBXT1JLIFRIQVQgSEFTIEJFRU4gU1BPTlNPUkVEIE9SIFNVUFBPUlRFRCBCWSBBTiBBR0VOQ1kgT1IgT1JHQU5JWkFUSU9OIE9USEVSIFRIQU4gRFNVLCBZT1UgUkVQUkVTRU5UIFRIQVQgWU9VIEhBVkUgRlVMRklMTEVEIEFOWSBSSUdIVCBPRiBSRVZJRVcgT1IgT1RIRVIgT0JMSUdBVElPTlMgUkVRVUlSRUQgQlkgU1VDSCBDT05UUkFDVCBPUiBBR1JFRU1FTlQuCgpEU1Ugd2lsbCBjbGVhcmx5IGlkZW50aWZ5IHlvdXIgbmFtZShzKSBhcyB0aGUgYXV0aG9yKHMpIG9yIG93bmVyKHMpIG9mIHRoZSBzdWJtaXNzaW9uLCBhbmQgd2lsbCBub3QgbWFrZSBhbnkgYWx0ZXJhdGlvbiwgb3RoZXIgdGhhbiBhcyBhbGxvd2VkIGJ5IHRoaXMgbGljZW5zZSwgdG8geW91ciBzdWJtaXNzaW9uLgo=