Guidle
Guidle AG is a digital advertisement distribution company. The company aids visitors in finding topic-related ads, advertisers in gaining an additional advertising channel, and content providers in opening an effective distribution mechanism to gain a competitive advantage.
Guidle AG contacted us to work on the main website as well as other thematic pages. Our main goals were to successfully integrate the Vue.js wizard with the main application and improve overall design and user experience.
The wizard was made as a web component separated from the website’s CSS. Its Shadow DOM forced us to fix some of the third-party component packages. We tested this component by using Cypress.
Thanks to the UX audit conducted by our expert front-end designer the application gained amazing performance and consistency throughout the layout. The audit revealed the parts of the app that were causing trouble. Combining it with the end-user feedback, we brought the power back to the solution.
Collaboration
Guidle AG decided to outsource the design and UX improvements to Selleo. Additionally, we developed new features and integrated additional elements. While our development team was working with Vue.js, the expert front-end designer conducted a UX audit.
Process
The team divided the process into three-week sprints while the designer remained independent. For task management developers chose to use Jira. The communication was handled on Zoom and Google Meets platforms once a week. The team also communicated extensively to discuss all complex tasks and issues as well as to conduct pair programming sessions on CSS.
Scope
Selleo was responsible for the development of Vue.js, UX, and design improvements within the wizard part of the application and beyond it. Our front-end expert designer also conducted a UX audit for particular views that the client wished to be checked.
Thanks to the UX audit conducted by our expert front-end designer and other improvements done by the team, the performance and the layout of the application improved.
The finished product is equipped with functionalities like:
- custom navigation
- colour schemes for each version of the application
- languages switching
- unified design for both the wizard and the main app
The quality of CSS and the implemented changes in the UX positively influenced the overall consistency and user experience. Additionally, it is now possible to view each CSS component in the Catalog style guide, together with possible use cases.
Check out the next project
Read more
