Methodology of project presentation on BEHANCE (on the example of LMS design)

Author(s) Collection number Pages Download abstract Download full text
Hrabovskyi Ye. M., Кірєєва Ю. О. № 2 (65) 78-95 Image Image

The main shortcomings of the existing analogues of designing project presentations on Behance are analyzed. The main stages of the project presentation design method on Behance are proposed (on the example of LMS design). The emphasis in the methodology is on the specifics of the justification of the choice of structural elements, which are necessary in the development of an educational web application (LMS), information blocks, attention-grabbing elements, rules and advice. The practical implementation of the proposed methodology is considered. A visualization of the relationship between a person and a product over time is created. The main provisions of the defined concept of LMS have been formed. Problem areas of web application development projects on Behance are identified by analyzing developed User Stories. The Kano model is developed to define the main functionality of the LMS. A Dashboard has been developed, from which one can quickly switch to the latest courses, view the rating, notifications, grades, achievements. A page of all courses has been created, the cards have different sizes and are made in bright accent colors, when moving the mouse between them, the character’s eyes move with the cursor. The developed wireframes of several LMS “Academy” screens are submitted. Wireframe is chosen as the form of implementation of design ideas. A page for one course with a list of modules and homework is developed. A page is also created with a view of the webinar in the form of a conference. Prototype testing is conducted and flaws in the product’s logic are identified. An animation of the prototype is created based on the use of Figma. The practical result is the developed interface design of the learning web platform (LMS) “Academy” and its presentation on Behance.

Keywords: project presentation, design, Behance, Ui/Ux designer, information block, element, Kano model, web application.

doi: 10.32403/1998-6912-2022-2-65-78-95


  • 1. Hrabovskyi, Y., Brynza, N., & Vilkhivska, О. (2020). Development of information visualization methods for use in multimedia applications. EUREKA: Physics and Engineering, 1, 3–17 (in English).
  • 2. Khamula, O. H., Soroka, N. V., & Vasіuta, S. P. (2016). Factors of influence of interface use based on mobile applications. Naukovi zapysky [Ukrainskoi akademii drukarstva], 2, 28–36 (in English).
  • 3. Hrabovskyi, Y., & Fedorchenko, V. (2019). Development of the optimization model of the interface of multimedia edition. EUREKA: Physics and Engineering, 3, 3–12. DOI: 10.21303/2461-4262.2019.00902 (in English).
  • 4. Aralova, N. I., & Kyiashko, O. Y. (2017). The Method of Technology Evaluation Based on Improved Cost Approach. Science and Innovation, 13 (3), 65–76. DOI:10.15407/scine13.03.065 (in English).
  • 5. Khamula, O. H., Soroka, N. V., & Vasіuta, S. P. (2016). Optimization of mathematical model of the impact factors hierarchy of the interface use based on mobile. Polihrafiia i vydavnycha sprava, 2 (72), 28–35 (in English).
  • 6. Martins, P. (2017). A Web-based Tool for Business Process Improvement. International Journal of Web Portals, 9, 68–84. DOI: https://doi.org/10.4018/IJWP.2017070104 (in Eng­lish).
  • 7. Vultur, O. M., Pentiuc, S. G., & Lupu, V. Real-time gestural interface for navigation in virtual environment, 2016, May. In 2016 International Conference on Development and Application Systems (DAS), 303–307 (in English).
  • 8. Hood, N. (2016). Quality in MOOCs : Surveying the terrain’, Burnaby: Commonwealth of Learning (in English).
  • 9. Martin, R. (2016). Twenty challenges for innovation studies. Science and Public Policy, 43 (3), 432–450 (in English).
  • 10. Kapela, R., Guinness K., & O’Connor, N. (2017). Real-time field sports scene classification using colour and frequency space decompositions. Journal of Real-Time Image Processing, 13, 4, 725–737. DOI: https://doi.org/10.1007/s11554-014-0437-7 (in English).