Motion Design as a tool for the design of an immersive website about J.R.R Tolkien's Middle Earth

Authors

  • Tobias Mulling Universidade Federal de Pelotas
  • Rafael Soares dos Santos

Keywords:

motion design, user experience, interactive interface, middle earth, J.R.R. Tolkien

Abstract

Motion design is a form of visual expression transmitted through movement. It is considered an effective approach in the development of immersive websites because it has the ability to enhance the user experience by directing the user's attention, helping to build a narrative, promoting feedback on actions or bringing clarity to navigation. This research investigates the relationship between motion design and user experience (UX) and how both can contribute to the construction of interfaces, using the development of an immersive website based on J.R.R. Tolkien's Middle-earth universe as the research object. The project uses Garrett's methodology (2011), where different strategies for animating scenarios and interface components were presented and validated. As a result of this research, an immersive website was obtained that applies motion design, generating an increase in the perception of the user experience.

References

CARDOSO, A., RIBEIRO, R. As Diversas Denominações para o Campo do Motion Graphic Design. Educação Gráfica, Bauru. v. 26, n . 1. p. 07-19. Abr. 2022.

GARRET, J. J. The elements of User Experience: User-Centered Design for the Web and Beyond. 2nd Ed. Berkhy: New Riders, 2011.

GIL, Antonio Carlos. Como elaborar projetos de pesquisa. 4. ed. São Paulo: Atlas, 2008.

GRILO, A. Experiência do Usuário em Interfaces Digitais: Compreendendo o Design nas Tecnologias da Informação. 1ª Edição. Natal: SEDIS-UFRN, 2019.

KRASNER, J. S. Motion graphics design: applied history and aesthetics. Boston: FocalPress, 2008.

LAUBHEIMER, Page. The Role of Animation and Motion in UX. 2020. Disponível em: . Acesso em: mar. 2022.

LEE, Dongkyu. Transition Animation: a practical guide. Medium, 17, out de 2017. Ux Collective. Disponível em: https://uxdesign.cc/transition-animations-a-practical-guide-5dba4d42f659. Acesso em: 23, nov de 2023.

O que é benchmarking: definição, exemplos e passo a passo. G4 Educação, São Paulo, 22 Set. 2021. Todas as Matérias. Disponível em: https://g4educacao.com/portal/o-que-e-benchmarking. Acesso em: 09, mar. de 2024.

TOLKIEN, J. R. R. O Hobbit. Tradução de Lenita Maria Rimoli Esteves, Almiro Pisetta. 6ª edição. São Paulo: Editora WMF Martins Fontes, 2012. A.

TOLKIEN, J. R. R. A sociedade do Anel: Primeira Parte de O Senhor dos Anéis. Tradução de Ronald Kyrmse. 1ª edição. Rio de Janeiro: Harper Collins Brasil, 2019. B.

TOLKIEN, J. R. R. As duas torres: Segunda Parte de O Senhor dos Anéis.Tradução de Ronald Kyrmse. 1ª edição. Rio de Janeiro: Harper Collins Brasil, 2019. C.

TOLKIEN, J. R. R. O Retorno do Rei: Terceira Parte de O Senhor dos Anéis.Tradução de Ronald Kyrmse. 1ª edição. Rio de Janeiro: Harper Collins Brasil, 2019. D

Downloads

Published

2025-04-22

Issue

Vol. 12 No. 1 (2025): Revista de Design, Tecnologia e Sociedade

Section

Artigos

License

Copyright (c) 2025 Revista de Design, Tecnologia e Sociedade

Creative Commons License

This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.

Authors retain the copyright and grant the journal the right of first publication, with the work simultaneously licensed under the Creative Commons Attribution License which allows the sharing of work with acknowledgment of authorship and initial publication in this journal.