Beontag

Discovery

To address the challenges and meet audience needs, a strategic and collaborative approach was adopted, including interactive workshops with both internal and external stakeholders. During these workshops, key internal and external personas were mapped—an essential step in developing a personalized navigation experience, as the website functions as a product catalog and serves a variety of user profiles.

Sitemap

After compiling the insights gathered during the discovery phase, I designed the website’s sitemap by considering how each audience profile in the regions where Beontag operates interacts with the company’s products and solutions.

Wireframe

The wireframe was designed in medium-to-high fidelity, consolidating the user navigation through prototypes developed in Figma, which were validated with the brand’s stakeholders in each country.

The website was designed to provide a seamless experience for both Beontag’s sales team and customers who prefer to navigate independently. The content was structured dynamically, with personalized navigation based on each user's technical level—offering an intuitive experience for beginners and more in-depth information for technical users.

UI Design

The final interface design leveraged brand elements to create a clean, easy-to-navigate layout, with a key highlight being the geolocation-based navigation. This feature automatically adjusts the displayed portfolio according to the user’s region, ensuring information is both relevant and appropriately tailored.