{"id":2713,"date":"2024-03-28T08:05:05","date_gmt":"2024-03-28T08:05:05","guid":{"rendered":"http:\/\/localhost\/wordpress\/?post_type=montoya_portfolio&#038;p=30"},"modified":"2026-01-27T18:32:43","modified_gmt":"2026-01-27T17:32:43","slug":"fernet-branca","status":"publish","type":"montoya_portfolio","link":"https:\/\/alessioripa.com\/index.php\/projects\/fernet-branca\/","title":{"rendered":"Fernet Branca"},"content":{"rendered":"\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Problem<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">Fernet-Branca needed a way to increase engagement and long-term retention among a niche but strategically important audience.<br>While events played a central role in the brand\u2019s relationship with bartenders, there was no dedicated digital touchpoint to connect these experiences over time.<br><br>The challenge was to design a lightweight product that could encourage repeated participation while reinforcing brand identity and perceived value.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Goals<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">The goal of the project was to create a digital hub that aggregated brand events into a single, coherent experience.<br>Participation in events needed to feel rewarding, motivating users to return and engage with the brand beyond individual occasions.<br><br>A points-based system was introduced to link physical attendance with digital rewards, allowing users to redeem branded items and merchandise.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:81px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<figure class=\" \"><a class=\"image-link\" href=\"https:\/\/alessioripa.com\/wp-content\/uploads\/2024\/03\/fernet_goal-scaled.png\"><img decoding=\"async\" src=\"https:\/\/alessioripa.com\/wp-content\/uploads\/2024\/03\/fernet_goal-scaled.png\" alt=\"\" \/><\/a><figcaption>Physical event participation was connected to a digital rewards system to encourage engagement and retention.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Constraints<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">The project was developed within significant technical limitations.<br>The chosen technology stack and frameworks allowed for minimal customization, requiring the design to rely on established interaction patterns and consolidated UI components.<br><br>These constraints influenced both the structure of user flows and the visual flexibility of the interface.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Role &#038; Responsibilities<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">I worked on this project as a UI Designer, focusing on interface design and visual consistency.<br>My role involved adapting the brand\u2019s identity to a mobile experience while working within predefined technical and structural constraints.<br><br>Design decisions prioritized clarity and usability over experimentation, ensuring reliability across devices and contexts.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Process<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">The experience was designed around simple and familiar flows to minimize friction and onboarding effort.\nGiven the constraints, the process focused on selecting and adapting proven interaction patterns rather than inventing new ones.<br><br>Brand expression was achieved through typography, color and visual hierarchy, reinforcing Fernet-Branca\u2019s identity within a functional structure.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Solution<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">The final product was an invite-only mobile application where users could discover upcoming events, track their participation and collect points.<br>Accumulated points could be redeemed for branded items, creating a direct link between engagement and reward.<br><br>The closed nature of the system reinforced exclusivity while keeping the experience intentionally simple and focused.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\" \"><a class=\"image-link\" href=\"https:\/\/alessioripa.com\/wp-content\/uploads\/2024\/03\/fernet_event.png\"><img decoding=\"async\" src=\"https:\/\/alessioripa.com\/wp-content\/uploads\/2024\/03\/fernet_event.png\" alt=\"\" \/><\/a><figcaption><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\" \"><a class=\"image-link\" href=\"https:\/\/alessioripa.com\/wp-content\/uploads\/2024\/03\/fernet_event_detail.png\"><img decoding=\"async\" src=\"https:\/\/alessioripa.com\/wp-content\/uploads\/2024\/03\/fernet_event_detail.png\" alt=\"\" \/><\/a><figcaption><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\" \"><a class=\"image-link\" href=\"https:\/\/alessioripa.com\/wp-content\/uploads\/2024\/03\/fernet_event_detail-1.png\"><img decoding=\"async\" src=\"https:\/\/alessioripa.com\/wp-content\/uploads\/2024\/03\/fernet_event_detail-1.png\" alt=\"\" \/><\/a><figcaption><\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Results &#038; Learnings<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">The project demonstrated how even limited digital products can support engagement when aligned with clear brand goals.<br>Working within strong technical constraints highlighted the importance of prioritization and design discipline.<br><br>From a product perspective, the experience reinforced the value of combining physical events with lightweight digital incentives to support retention.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n","protected":false},"template":"","portfolio_category":[32],"class_list":["post-2713","montoya_portfolio","type-montoya_portfolio","status-publish","hentry","portfolio_category-loyalty-experience"],"_links":{"self":[{"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/montoya_portfolio\/2713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/montoya_portfolio"}],"about":[{"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/types\/montoya_portfolio"}],"version-history":[{"count":5,"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/montoya_portfolio\/2713\/revisions"}],"predecessor-version":[{"id":3376,"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/montoya_portfolio\/2713\/revisions\/3376"}],"wp:attachment":[{"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/media?parent=2713"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=2713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}