{"id":352,"date":"2026-04-11T01:27:11","date_gmt":"2026-04-11T01:27:11","guid":{"rendered":"https:\/\/diogonvs.com\/?page_id=352"},"modified":"2026-07-20T23:56:16","modified_gmt":"2026-07-20T23:56:16","slug":"partiu","status":"publish","type":"page","link":"https:\/\/diogonvs.com\/en\/cases\/partiu\/","title":{"rendered":"Partiu"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"352\" class=\"elementor elementor-352\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65f165fe e-con-full e-flex e-con e-parent\" data-id=\"65f165fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-253308e6 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"253308e6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;fixed&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-41db6976 e-con-full e-flex e-con e-child\" data-id=\"41db6976\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48dd98d0 elementor-widget elementor-widget-image\" data-id=\"48dd98d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/diogonvs.com\/en\/\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"798\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/03\/Captura-de-Tela-2026-02-03-as-10.45.33-1024x1021.png\" class=\"attachment-large size-large wp-image-12\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/03\/Captura-de-Tela-2026-02-03-as-10.45.33-1024x1021.png 1024w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/03\/Captura-de-Tela-2026-02-03-as-10.45.33-300x300.png 300w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/03\/Captura-de-Tela-2026-02-03-as-10.45.33-150x150.png 150w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/03\/Captura-de-Tela-2026-02-03-as-10.45.33-768x766.png 768w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/03\/Captura-de-Tela-2026-02-03-as-10.45.33.png 1278w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7e6c0dc0 e-con-full e-flex e-con e-child\" data-id=\"7e6c0dc0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30b502ef elementor-widget elementor-widget-heading\" data-id=\"30b502ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Diogo Neves<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25f468d elementor-widget elementor-widget-text-editor\" data-id=\"25f468d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Product Designer<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17ba7417 elementor-shape-circle profile-social-icons elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"17ba7417\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-bbf8eb0\" href=\"https:\/\/www.linkedin.com\/in\/diogondm\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Linkedin<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-whatsapp elementor-repeater-item-33464e7\" href=\"https:\/\/wa.me\/5581973248282\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Whatsapp<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-whatsapp\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67cd2d2c e-con-full e-flex e-con e-child\" data-id=\"67cd2d2c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-508e1ba2 e-con-full e-flex e-con e-child\" data-id=\"508e1ba2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4910b670 menu-nav elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"4910b670\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/diogonvs.com\/en\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\"><g clip-path=\"url(#clip0_1791_33897)\"><path d=\"M3.84483 18.5H16.1552C17.4502 18.5 18.5 17.4502 18.5 16.1552V7.3621L9.99998 1.5L1.5 7.3621V16.1552C1.5 17.4502 2.54983 18.5 3.84483 18.5Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M7.36133 14.3956C7.36133 13.1006 8.41119 12.0508 9.70613 12.0508H10.2923C11.5874 12.0508 12.6372 13.1006 12.6372 14.3956V18.4991H7.36133V14.3956Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/g><defs><clippath id=\"clip0_1791_33897\"><rect width=\"20\" height=\"20\" fill=\"white\"><\/rect><\/clippath><\/defs><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Home<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/diogonvs.com\/en\/cases\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\"><g clip-path=\"url(#clip0_1791_33901)\"><path d=\"M1.5 7.36192C1.5 6.0669 2.54981 5.01709 3.84483 5.01709H16.1552C17.4502 5.01709 18.5 6.0669 18.5 7.36192V16.155C18.5 17.4501 17.4502 18.4998 16.1552 18.4998H3.84483C2.54981 18.4998 1.5 17.4501 1.5 16.155V7.36192Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M6.18945 4.72414V3.84483C6.18945 2.54981 7.23927 1.5 8.53428 1.5H11.4653C12.7604 1.5 13.8101 2.54981 13.8101 3.84483V4.72414\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M1.79248 11.4653H18.2063\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M6.18945 9.70703V12.6381\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M13.8105 9.70703V12.6381\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/g><defs><clippath id=\"clip0_1791_33901\"><rect width=\"20\" height=\"20\" fill=\"white\"><\/rect><\/clippath><\/defs><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Cases<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/diogonvs.com\/en\/sobre\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\"><g clip-path=\"url(#clip0_1791_33944)\"><path d=\"M9.99934 9.06897C12.2275 9.06897 14.0338 7.26267 14.0338 5.03448C14.0338 2.8063 12.2275 1 9.99934 1C7.77115 1 5.96484 2.8063 5.96484 5.03448C5.96484 7.26267 7.77115 9.06897 9.99934 9.06897Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M3.60343 19.0002H16.3959C17.8134 19.0002 18.9054 17.7812 18.2435 16.5278C17.2696 14.684 15.0496 12.4829 9.99966 12.4829C4.94972 12.4829 2.72971 14.684 1.75593 16.5278C1.09393 17.7812 2.18587 19.0002 3.60343 19.0002Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/g><defs><clippath id=\"clip0_1791_33944\"><rect width=\"20\" height=\"20\" fill=\"white\"><\/rect><\/clippath><\/defs><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">About<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/diogonvs.com\/en\/contato\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\"><path d=\"M1.5 5.4023C1.5 4.20742 2.54981 3.23877 3.84483 3.23877H16.1552C17.4502 3.23877 18.5 4.20742 18.5 5.4023V14.5973C18.5 15.7922 17.4502 16.7609 16.1552 16.7609H3.84483C2.54981 16.7609 1.5 15.7922 1.5 14.5973V5.4023Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M2.37988 4.05029L10.0006 10.2705L17.6213 4.05029\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Contact<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f2a7ce4 e-con-full e-flex e-con e-child\" data-id=\"6f2a7ce4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-5bc990b e-con-full conteudo-case e-flex e-con e-child\" data-id=\"5bc990b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1c35e13 e-con-full e-flex e-con e-child\" data-id=\"1c35e13\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f331743 e-con-full e-flex e-con e-child\" data-id=\"f331743\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f77e4da e-con-full e-flex e-con e-child\" data-id=\"f77e4da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea5c2de elementor-widget elementor-widget-text-editor\" data-id=\"ea5c2de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  .partiu-tags,\n  .partiu-tags * {\n    box-sizing: border-box;\n  }\n\n  .partiu-tags {\n    width: 100%;\n    max-width: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n  }\n\n  .partiu-tag {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 8px 14px;\n    border-radius: 12px;\n    background: rgba(255, 106, 0, 0.14);\n    border: 1px solid rgba(255, 106, 0, 0.16);\n    color: #FFB88F;\n    font-family: var(--e-global-typography-secondary-font-family), system-ui, sans-serif;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: -0.01em;\n    white-space: nowrap;\n  }\n\n  @media (max-width: 767px) {\n    .partiu-tags {\n      gap: 8px;\n    }\n\n    .partiu-tag {\n      padding: 6px 10px;\n      border-radius: 9px;\n      font-size: 12px;\n      background: rgba(255, 106, 0, 0.10);\n      border: 1px solid rgba(255, 106, 0, 0.10);\n      color: #E8A984;\n    }\n  }\n<\/style>\n\n<div class=\"partiu-tags\">\n  <span class=\"partiu-tag\">#ProductDesign<\/span>\n  <span class=\"partiu-tag\">#UXResearch<\/span>\n  <span class=\"partiu-tag\">#MobileApp<\/span>\n  <span class=\"partiu-tag\">#DesignSystem<\/span>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2b93b7 elementor-widget elementor-widget-heading\" data-id=\"e2b93b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Partiu | Product Design<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9bb0524 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"9bb0524\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"text-token-text-primary leading-relaxed\">Partiu is a mobile app created to help residents of the Recife Metropolitan Area discover events aligned with their interests, budget, and social context. The project came from the insight that event information is often scattered across different channels, making it harder to discover relevant activities at the right moment.<\/p><p>It was developed as a UX\/UI Design portfolio project, covering every stage of the process \u2014 from research to high-fidelity prototyping \u2014 with an emphasis on data-informed decisions and a robust design system.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-92416b4 e-con-full e-flex e-con e-child\" data-id=\"92416b4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-db5dcfa e-con-full partiu-phone-video e-flex e-con e-child\" data-id=\"db5dcfa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/diogonvs.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/PARTIUVIDEO.mov&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-ae36f5b elementor-hidden-desktop elementor-widget elementor-widget-text-editor\" data-id=\"ae36f5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><br \/>\n  .partiu-video-frame {<br \/>\n    width: 100%;<br \/>\n    max-width: 393px;<br \/>\n    aspect-ratio: 393 \/ 852;<br \/>\n    margin: 0 auto;<br \/>\n    overflow: hidden;<br \/>\n    border-radius: 28px;<br \/>\n    background: #0B0D0F;<br \/>\n  }<\/p>\n<p>  .partiu-video-frame video {<br \/>\n    width: 100%;<br \/>\n    height: 100%;<br \/>\n    display: block;<br \/>\n    object-fit: cover;<br \/>\n    object-position: center top;<br \/>\n  }<br \/>\n<\/style>\n<div class=\"partiu-video-frame\"><video src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/PARTIUVIDEO.mov\" preload=\"metadata\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><\/video><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d7a10c e-con-full e-flex e-con e-child\" data-id=\"0d7a10c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5dd8fd4 elementor-widget elementor-widget-heading\" data-id=\"5dd8fd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Context<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-794be7a elementor-widget elementor-widget-text-editor\" data-id=\"794be7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"PDq2pG_selectionAnchorContainer\" data-start=\"83\" data-end=\"417\"><strong data-start=\"83\" data-end=\"93\">Partiu<\/strong> is a mobile app created to make it easier to discover local events and activities. The project was born from the need to solve a currently fragmented experience, spread across Instagram, WhatsApp groups, ticketing platforms, and informal recommendations, bringing everything together into a clearer, more personalized, and more reliable journey.<\/p><p data-start=\"422\" data-end=\"849\">Throughout the process, we conducted user research, synthesized insights, prioritized features, defined user flows, built the visual identity, developed a design system, and created a high-fidelity prototype. The result was a product <strong data-start=\"685\" data-end=\"701\">mobile-first<\/strong> with interest-based onboarding, advanced filters, an interactive map, an event detail page, and a consistent, scalable visual system.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1957be0 e-con-full e-flex e-con e-child\" data-id=\"1957be0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-567c76e elementor-widget elementor-widget-text-editor\" data-id=\"567c76e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  .partiu-meta-section,\n  .partiu-meta-section * {\n    box-sizing: border-box;\n  }\n\n  .partiu-meta-section {\n    width: 100%;\n    max-width: 100%;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    color: #F7F7F7;\n  }\n\n  .partiu-meta-grid {\n    display: grid;\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n    gap: 16px;\n    width: 100%;\n  }\n\n  .partiu-meta-card {\n    background: rgba(11, 13, 15, 0.58);\n    border: 1px solid rgba(255,255,255,0.10);\n    border-radius: 16px;\n    padding: 22px;\n    min-height: 150px;\n    backdrop-filter: blur(8px);\n  }\n\n  .partiu-meta-label {\n    margin: 0 0 14px;\n    font-family: var(--e-global-typography-accent-font-family), system-ui, sans-serif;\n    font-size: 10px;\n    font-weight: 600;\n    line-height: 1;\n    letter-spacing: 0.24em;\n    text-transform: uppercase;\n    color: #FF6A00;\n  }\n\n  .partiu-meta-text {\n    margin: 0;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.55;\n    color: rgba(247,247,247,0.84);\n  }\n\n  @media (max-width: 1200px) {\n    .partiu-meta-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .partiu-meta-card {\n      min-height: auto;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .partiu-meta-grid {\n      grid-template-columns: 1fr;\n      gap: 14px;\n    }\n\n    .partiu-meta-card {\n      padding: 20px;\n      border-radius: 14px;\n    }\n\n    .partiu-meta-label {\n      font-size: 10px;\n      margin-bottom: 10px;\n    }\n\n    .partiu-meta-text {\n      font-size: 15px;\n      line-height: 1.55;\n    }\n  }\n<\/style>\n\n<div class=\"partiu-meta-section\">\n  <div class=\"partiu-meta-grid\">\n\n    <div class=\"partiu-meta-card\">\n      <p class=\"partiu-meta-label\">Function<\/p>\n      <p class=\"partiu-meta-text\">Research \u00b7 UX \u00b7 UI \u00b7 Design System<\/p>\n    <\/div>\n\n    <div class=\"partiu-meta-card\">\n      <p class=\"partiu-meta-label\">Team<\/p>\n      <p class=\"partiu-meta-text\">Diana Lins, Diogo Neves, Antonio Barbosa, Taciana Lins<\/p>\n    <\/div>\n\n    <div class=\"partiu-meta-card\">\n      <p class=\"partiu-meta-label\">Time-span<\/p>\n      <p class=\"partiu-meta-text\">2024 \u2013 2025<\/p>\n    <\/div>\n\n    <div class=\"partiu-meta-card\">\n      <p class=\"partiu-meta-label\">Platform<\/p>\n      <p class=\"partiu-meta-text\">App mobile \u00b7 iOS &#038; Android<\/p>\n    <\/div>\n\n    <div class=\"partiu-meta-card\">\n      <p class=\"partiu-meta-label\">Tools<\/p>\n      <p class=\"partiu-meta-text\">Figma \u00b7 Gemini \u00b7 Lovable \u00b7 Claude + Figma MCP<\/p>\n    <\/div>\n\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71b76e7 e-con-full e-flex e-con e-child\" data-id=\"71b76e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61b65b8 elementor-widget elementor-widget-heading\" data-id=\"61b65b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The challenge<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf72cdd e-con-full e-flex e-con e-child\" data-id=\"bf72cdd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7a1c48 elementor-widget elementor-widget-text-editor\" data-id=\"a7a1c48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-dc-tpl=\"74\"><span class=\"sc-interp\">The search for events today depends on multiple sources \u2014 Instagram, WhatsApp groups, ticketing platforms, and friends\u2019 recommendations \u2014 making the experience fragmented and unpredictable.<\/span><\/p><p data-dc-tpl=\"74\"><span class=\"sc-interp\">Cultural micro-events often circulate only through informal channels, invisible to those who are not part of specific groups.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8eac178 e-con-full e-flex e-con e-child\" data-id=\"8eac178\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3c8e3f elementor-widget elementor-widget-text-editor\" data-id=\"b3c8e3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  .hypothesis-block,\n  .hypothesis-block * {\n    box-sizing: border-box;\n  }\n\n  .hypothesis-block {\n    width: 100%;\n    display: flex;\n    align-items: stretch;\n    gap: 24px;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    color: #F7F7F7;\n  }\n\n  .hypothesis-line {\n    width: 4px;\n    min-width: 4px;\n    background: #FF9A5C;\n    border-radius: 99px;\n  }\n\n  .hypothesis-content {\n    width: 100%;\n    max-width: 620px;\n  }\n\n  .hypothesis-label {\n    margin: 0 0 10px;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    font-size: 18px;\n    font-weight: 400;\n    line-height: 1.4;\n    color: rgba(247,247,247,0.48);\n  }\n\n  .hypothesis-text {\n    margin: 0;\n    font-family: var(--e-global-typography-primary-font-family), system-ui, sans-serif;\n    font-size: 26px;\n    font-weight: 600;\n    line-height: 1.38;\n    letter-spacing: -0.03em;\n    color: #F7F7F7;\n  }\n\n  @media (max-width: 767px) {\n    .hypothesis-block {\n      gap: 18px;\n    }\n\n    .hypothesis-label {\n      font-size: 16px;\n      margin-bottom: 8px;\n    }\n\n    .hypothesis-text {\n      font-size: 21px;\n      line-height: 1.4;\n    }\n  }\n<\/style>\n\n<div class=\"hypothesis-block\">\n  <div class=\"hypothesis-line\"><\/div>\n\n  <div class=\"hypothesis-content\">\n    <p class=\"hypothesis-label\">Initial hypothesis<\/p>\n    <p class=\"hypothesis-text\">\n      \u201cResidents of the Recife Metropolitan Area face challenges in discovering local activities and events relevant to their interests.\u201d\n    <\/p>\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aaaa9b7 e-con-full e-flex e-con e-child\" data-id=\"aaaa9b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3b6d69 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"e3b6d69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  .dc-wrap,\n  .dc-wrap * {\n    box-sizing: border-box;\n  }\n\n  .dc-wrap {\n    width: 100%;\n    max-width: 100%;\n    overflow: hidden;\n    background: #0e0e0e;\n    border-radius: 12px;\n    padding: 36px 40px;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    color: #fff;\n  }\n\n  .dc-title {\n    font-family: var(--e-global-typography-primary-font-family), system-ui, sans-serif;\n    font-size: 28px;\n    font-weight: 600;\n    margin: 0 0 16px;\n    color: #F7F7F7;\n  }\n\n  .dc-divider {\n    height: 1px;\n    background: #2a2a2a;\n    margin-bottom: 28px;\n    width: 100%;\n  }\n\n  .dc-row {\n    display: grid;\n    grid-template-columns: 150px minmax(0, 1fr) 52px;\n    align-items: center;\n    gap: 14px;\n    margin-bottom: 18px;\n    width: 100%;\n  }\n\n  .dc-label {\n    font-size: 15px;\n    color: #ddd;\n    min-width: 0;\n  }\n\n  .dc-bar-wrap {\n    width: 100%;\n    min-width: 0;\n    background: #1e1e1e;\n    border-radius: 20px;\n    height: 16px;\n    overflow: hidden;\n  }\n\n  .dc-bar {\n    height: 100%;\n    border-radius: 20px;\n    background: linear-gradient(90deg, #ff6b35, #e0407a, #c84bdb);\n  }\n\n  .dc-pct {\n    font-size: 15px;\n    color: #ddd;\n    text-align: right;\n    white-space: nowrap;\n  }\n\n  @media (max-width: 767px) {\n    .dc-wrap {\n      padding: 24px 18px;\n      border-radius: 12px;\n    }\n\n    .dc-title {\n      font-size: 22px;\n      margin-bottom: 14px;\n    }\n\n    .dc-divider {\n      margin-bottom: 22px;\n    }\n\n    .dc-row {\n      grid-template-columns: 1fr 48px;\n      gap: 8px 12px;\n      margin-bottom: 18px;\n    }\n\n    .dc-label {\n      grid-column: 1 \/ 2;\n      font-size: 14px;\n    }\n\n    .dc-pct {\n      grid-column: 2 \/ 3;\n      grid-row: 1;\n      font-size: 14px;\n    }\n\n    .dc-bar-wrap {\n      grid-column: 1 \/ 3;\n      height: 14px;\n    }\n  }\n<\/style>\n\n<div class=\"dc-wrap\">\n  <p class=\"dc-title\">Discovery by channel<\/p>\n\n  <div class=\"dc-divider\"><\/div>\n\n  <div class=\"dc-row\">\n    <span class=\"dc-label\">Instagram<\/span>\n    <div class=\"dc-bar-wrap\"><div class=\"dc-bar\" style=\"width: 96.9%;\"><\/div><\/div>\n    <span class=\"dc-pct\">96,9%<\/span>\n  <\/div>\n\n  <div class=\"dc-row\">\n    <span class=\"dc-label\">WhatsApp<\/span>\n    <div class=\"dc-bar-wrap\"><div class=\"dc-bar\" style=\"width: 78%;\"><\/div><\/div>\n    <span class=\"dc-pct\">78,0%<\/span>\n  <\/div>\n\n  <div class=\"dc-row\">\n    <span class=\"dc-label\">Advertising<\/span>\n    <div class=\"dc-bar-wrap\"><div class=\"dc-bar\" style=\"width: 78%;\"><\/div><\/div>\n    <span class=\"dc-pct\">78,0%<\/span>\n  <\/div>\n\n  <div class=\"dc-row\">\n    <span class=\"dc-label\">Television<\/span>\n    <div class=\"dc-bar-wrap\"><div class=\"dc-bar\" style=\"width: 62.2%;\"><\/div><\/div>\n    <span class=\"dc-pct\">62,2%<\/span>\n  <\/div>\n\n  <div class=\"dc-row\">\n    <span class=\"dc-label\">Specific websites<\/span>\n    <div class=\"dc-bar-wrap\"><div class=\"dc-bar\" style=\"width: 58.3%;\"><\/div><\/div>\n    <span class=\"dc-pct\">58,3%<\/span>\n  <\/div>\n\n  <div class=\"dc-row\">\n    <span class=\"dc-label\">Twitter\/X<\/span>\n    <div class=\"dc-bar-wrap\"><div class=\"dc-bar\" style=\"width: 55.1%;\"><\/div><\/div>\n    <span class=\"dc-pct\">55,1%<\/span>\n  <\/div>\n\n  <div class=\"dc-row\">\n    <span class=\"dc-label\">Newspaper<\/span>\n    <div class=\"dc-bar-wrap\"><div class=\"dc-bar\" style=\"width: 48%;\"><\/div><\/div>\n    <span class=\"dc-pct\">48,0%<\/span>\n  <\/div>\n\n  <div class=\"dc-row\">\n    <span class=\"dc-label\">Facebook<\/span>\n    <div class=\"dc-bar-wrap\"><div class=\"dc-bar\" style=\"width: 40.9%;\"><\/div><\/div>\n    <span class=\"dc-pct\">40,9%<\/span>\n  <\/div>\n\n  <div class=\"dc-row\" style=\"margin-bottom: 0;\">\n    <span class=\"dc-label\">Newsletter<\/span>\n    <div class=\"dc-bar-wrap\"><div class=\"dc-bar\" style=\"width: 40.9%;\"><\/div><\/div>\n    <span class=\"dc-pct\">40,9%<\/span>\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67ed81b e-con-full e-flex e-con e-child\" data-id=\"67ed81b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a49d209 e-con-full e-flex e-con e-child\" data-id=\"a49d209\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f90289 elementor-widget elementor-widget-heading\" data-id=\"6f90289\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Research<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea4e171 elementor-widget elementor-widget-text-editor\" data-id=\"ea4e171\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tUnderstanding the context\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ffe8af9 e-con-full e-flex e-con e-child\" data-id=\"ffe8af9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b41ad3 elementor-widget elementor-widget-text-editor\" data-id=\"3b41ad3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 1rem; font-weight: bold; margin-bottom: 16px;\">Desk Research<\/h3><p data-start=\"547\" data-end=\"706\">The initial investigation mapped the main event discovery channels, analyzing Sympla, Eventbrite, Fever, Meetup, and Facebook Events.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb250cd elementor-widget elementor-widget-text-editor\" data-id=\"eb250cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li>There is no centralized platform for events in the Recife Metropolitan Area.<\/li><li>Cultural micro-events \u2014 poetry slams, fairs, and samba circles \u2014 circulate mainly through informal channels.<\/li><li>Most channels offer generic filters; few invest in personalization.<\/li><li>Only Fever and Meetup offer interest-based onboarding; none combine local curation with free and paid events in a single experience.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c9f60b elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"0c9f60b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  .bm2-wrap,\n  .bm2-wrap * {\n    box-sizing: border-box;\n  }\n\n  .bm2-wrap {\n    width: 100%;\n    max-width: 100%;\n    overflow: hidden;\n    background: #0e0e0e;\n    border-radius: 12px;\n    padding: 36px 40px;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    color: #F7F7F7;\n  }\n\n  .bm2-title {\n    margin: 0 0 6px;\n    font-family: var(--e-global-typography-primary-font-family), system-ui, sans-serif;\n    font-size: 28px;\n    font-weight: 600;\n    line-height: 1.2;\n    color: #F7F7F7;\n  }\n\n  .bm2-sub {\n    margin: 0 0 24px;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 1.5;\n    color: rgba(247,247,247,0.56);\n  }\n\n  .bm2-legend {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 18px;\n    margin-bottom: 24px;\n  }\n\n  .bm2-legend-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    color: rgba(247,247,247,0.70);\n    white-space: nowrap;\n  }\n\n  .bm2-legend-item::before {\n    content: \"\";\n    width: 13px;\n    height: 13px;\n    border-radius: 50%;\n    display: inline-block;\n    flex-shrink: 0;\n  }\n\n  .bm2-legend-item.forte::before {\n    background: linear-gradient(135deg, #FF6A00, #E8302A, #C84BDB);\n  }\n\n  .bm2-legend-item.parcial::before {\n    background: #555;\n  }\n\n  .bm2-legend-item.nao::before {\n    border: 1.5px solid #555;\n    background: transparent;\n  }\n\n  .bm2-divider {\n    height: 1px;\n    width: 100%;\n    background: linear-gradient(90deg, #C84BDB 0%, #FF6A00 28%, rgba(255,255,255,0.14) 100%);\n    margin-bottom: 24px;\n  }\n\n  .bm2-header,\n  .bm2-row {\n    display: grid;\n    grid-template-columns: 34% 13% 13% 13% 13% 14%;\n    align-items: center;\n  }\n\n  .bm2-header {\n    margin-bottom: 10px;\n  }\n\n  .bm2-header div {\n    font-size: 13px;\n    font-weight: 600;\n    color: rgba(247,247,247,0.72);\n    text-align: center;\n  }\n\n  .bm2-header div:first-child {\n    text-align: left;\n  }\n\n  .bm2-row {\n    min-height: 62px;\n    border-top: 1px solid rgba(255,255,255,0.10);\n  }\n\n  .bm2-row:last-child {\n    border-bottom: 1px solid rgba(255,255,255,0.10);\n  }\n\n  .bm2-label {\n    font-size: 14px;\n    font-weight: 600;\n    color: rgba(247,247,247,0.84);\n    line-height: 1.35;\n    padding-right: 16px;\n  }\n\n  .bm2-cell {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .bm2-cell::after {\n    content: \"\";\n    width: 17px;\n    height: 17px;\n    border-radius: 50%;\n    display: inline-block;\n    flex-shrink: 0;\n  }\n\n  .bm2-cell.forte::after {\n    background: linear-gradient(135deg, #FF6A00, #E8302A, #C84BDB);\n  }\n\n  .bm2-cell.parcial::after {\n    background: #555;\n  }\n\n  .bm2-cell.nao::after {\n    border: 1.5px solid #555;\n    background: transparent;\n  }\n\n  .bm2-insight {\n    margin-top: 24px;\n    padding: 16px 18px;\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    background: rgba(255,255,255,0.035);\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 10px;\n    font-size: 14px;\n    line-height: 1.6;\n    color: rgba(247,247,247,0.68);\n  }\n\n  .bm2-insight-icon {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #FF6A00, #E8302A, #C84BDB);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    color: #fff;\n    font-size: 14px;\n  }\n\n  .bm2-insight strong {\n    color: #F7F7F7;\n    font-weight: 600;\n  }\n\n  @media (max-width: 767px) {\n    .bm2-wrap {\n      padding: 24px 18px;\n      border-radius: 12px;\n    }\n\n    .bm2-title {\n      font-size: 22px;\n    }\n\n    .bm2-sub {\n      font-size: 14px;\n      margin-bottom: 20px;\n    }\n\n    .bm2-legend {\n      justify-content: flex-start;\n      gap: 12px 16px;\n      margin-bottom: 22px;\n    }\n\n    .bm2-divider {\n      margin-bottom: 8px;\n    }\n\n    .bm2-header {\n      display: none;\n    }\n\n    .bm2-row {\n      display: block;\n      min-height: auto;\n      padding: 22px 0;\n      border-top: 1px solid rgba(255,255,255,0.10);\n    }\n\n    .bm2-label {\n      padding: 0;\n      margin-bottom: 16px;\n      font-size: 17px;\n      line-height: 1.3;\n      color: #F7F7F7;\n    }\n\n    .bm2-cell {\n      width: 100%;\n      justify-content: space-between;\n      padding: 10px 0;\n      border-bottom: 1px solid rgba(255,255,255,0.055);\n    }\n\n    .bm2-cell:last-child {\n      border-bottom: 0;\n    }\n\n    .bm2-cell::before {\n      content: attr(data-label);\n      font-size: 15px;\n      font-weight: 400;\n      color: rgba(247,247,247,0.62);\n    }\n\n    .bm2-cell::after {\n      width: 15px;\n      height: 15px;\n    }\n\n    .bm2-insight {\n      padding: 14px;\n      font-size: 13px;\n      line-height: 1.55;\n    }\n  }\n<\/style>\n\n<div class=\"bm2-wrap\">\n  <p class=\"bm2-title\">Benchmarking<\/p>\n  <p class=\"bm2-sub\">Five direct and indirect competitors were compared across six key dimensions.<\/p>\n\n  <div class=\"bm2-legend\">\n    <div class=\"bm2-legend-item forte\">Strong<\/div>\n    <div class=\"bm2-legend-item parcial\">Partial<\/div>\n    <div class=\"bm2-legend-item nao\">Not available<\/div>\n  <\/div>\n\n  <div class=\"bm2-divider\"><\/div>\n\n  <div class=\"bm2-header\">\n    <div><\/div>\n    <div>Sympla<\/div>\n    <div>Eventbrite<\/div>\n    <div>Fever<\/div>\n    <div>Meetup<\/div>\n    <div>Facebook Events<\/div>\n  <\/div>\n\n  <div class=\"bm2-row\">\n    <div class=\"bm2-label\">1. Personalized feed<\/div>\n    <div class=\"bm2-cell parcial\" data-label=\"Sympla\"><\/div>\n    <div class=\"bm2-cell nao\" data-label=\"Eventbrite\"><\/div>\n    <div class=\"bm2-cell forte\" data-label=\"Fever\"><\/div>\n    <div class=\"bm2-cell forte\" data-label=\"Meetup\"><\/div>\n    <div class=\"bm2-cell parcial\" data-label=\"Facebook\"><\/div>\n  <\/div>\n\n  <div class=\"bm2-row\">\n    <div class=\"bm2-label\">2. Advanced filters<\/div>\n    <div class=\"bm2-cell forte\" data-label=\"Sympla\"><\/div>\n    <div class=\"bm2-cell forte\" data-label=\"Eventbrite\"><\/div>\n    <div class=\"bm2-cell parcial\" data-label=\"Fever\"><\/div>\n    <div class=\"bm2-cell parcial\" data-label=\"Meetup\"><\/div>\n    <div class=\"bm2-cell parcial\" data-label=\"Facebook\"><\/div>\n  <\/div>\n\n  <div class=\"bm2-row\">\n    <div class=\"bm2-label\">3. Preference onboarding<\/div>\n    <div class=\"bm2-cell nao\" data-label=\"Sympla\"><\/div>\n    <div class=\"bm2-cell nao\" data-label=\"Eventbrite\"><\/div>\n    <div class=\"bm2-cell forte\" data-label=\"Fever\"><\/div>\n    <div class=\"bm2-cell forte\" data-label=\"Meetup\"><\/div>\n    <div class=\"bm2-cell nao\" data-label=\"Facebook\"><\/div>\n  <\/div>\n\n  <div class=\"bm2-row\">\n    <div class=\"bm2-label\">4. Smart recommendation<\/div>\n    <div class=\"bm2-cell nao\" data-label=\"Sympla\"><\/div>\n    <div class=\"bm2-cell nao\" data-label=\"Eventbrite\"><\/div>\n    <div class=\"bm2-cell forte\" data-label=\"Fever\"><\/div>\n    <div class=\"bm2-cell forte\" data-label=\"Meetup\"><\/div>\n    <div class=\"bm2-cell nao\" data-label=\"Facebook\"><\/div>\n  <\/div>\n\n  <div class=\"bm2-row\">\n    <div class=\"bm2-label\">5. Local highlights<\/div>\n    <div class=\"bm2-cell nao\" data-label=\"Sympla\"><\/div>\n    <div class=\"bm2-cell forte\" data-label=\"Eventbrite\"><\/div>\n    <div class=\"bm2-cell forte\" data-label=\"Fever\"><\/div>\n    <div class=\"bm2-cell nao\" data-label=\"Meetup\"><\/div>\n    <div class=\"bm2-cell nao\" data-label=\"Facebook\"><\/div>\n  <\/div>\n\n  <div class=\"bm2-row\">\n    <div class=\"bm2-label\">6. Social integration<\/div>\n    <div class=\"bm2-cell nao\" data-label=\"Sympla\"><\/div>\n    <div class=\"bm2-cell parcial\" data-label=\"Eventbrite\"><\/div>\n    <div class=\"bm2-cell parcial\" data-label=\"Fever\"><\/div>\n    <div class=\"bm2-cell nao\" data-label=\"Meetup\"><\/div>\n    <div class=\"bm2-cell forte\" data-label=\"Facebook\"><\/div>\n  <\/div>\n\n  <div class=\"bm2-insight\">\n    <div class=\"bm2-insight-icon\">\u2726<\/div>\n    <div><strong>insight:<\/strong> Fever and Meetup stand out in personalization; Sympla and Eventbrite lead in filters; Facebook Events dominates the social layer.<\/div>\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99048ec elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"99048ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div style=\"background: #0B0D0F; border: 1px solid rgba(255,255,255,0.08); border-radius: 20px; padding: 28px 32px; color: #ffffff; font-family: 'Plus Jakarta Sans', sans-serif; max-width: 100%; box-shadow: 0 18px 40px rgba(0,0,0,0.28);\">\n<div style=\"font-size: 32px; font-weight: 800; line-height: 1; letter-spacing: -0.03em; margin-bottom: 18px;\">R$ 108,29 bi<\/div>\n<div style=\"width: 100%; height: 2px; background: linear-gradient(90deg,#FF6A00 0%,#E8302A 55%,#7B2BD6 100%); opacity: 0.65; margin: 0 0 24px 0;\"><\/div>\n<div style=\"font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: -0.01em; color: rgba(255,255,255,0.78); max-width: 620px;\">Moved by the events sector between January and October 2024 (Sympla). Searches for concerts grew 30% compared to the pandemic period; sports events grew 55%.<\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9647630 e-con-full e-flex e-con e-child\" data-id=\"9647630\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d17f4dc elementor-widget elementor-widget-text-editor\" data-id=\"d17f4dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 1rem; font-weight: bold; margin-bottom: 16px;\">Benchmarking<\/h3><p data-dc-tpl=\"105\"><span class=\"sc-interp\">Five direct and indirect competitors were compared across six key dimensions.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-591808b elementor-widget elementor-widget-text-editor\" data-id=\"591808b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  .desafio-bm-text,\n  .desafio-bm-text * {\n    box-sizing: border-box;\n  }\n\n  .desafio-bm-text {\n    width: 100%;\n    max-width: 100%;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    color: #ffffff;\n    overflow: hidden;\n  }\n\n  .desafio-bm-text-row {\n    display: grid;\n    grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);\n    gap: 40px;\n    padding: 22px 0;\n    border-top: 1px solid rgba(255,255,255,0.14);\n  }\n\n  .desafio-bm-text-row:last-child {\n    border-bottom: 1px solid rgba(255,255,255,0.14);\n  }\n\n  .desafio-bm-text-title {\n    font-family: var(--e-global-typography-primary-font-family), system-ui, sans-serif;\n    font-size: 18px;\n    font-weight: 600;\n    line-height: 1.3;\n    color: #ffffff;\n  }\n\n  .desafio-bm-text-desc {\n    font-size: 18px;\n    font-weight: 400;\n    line-height: 1.45;\n    color: rgba(255,255,255,0.78);\n    min-width: 0;\n  }\n\n  @media (max-width: 767px) {\n    .desafio-bm-text-row {\n      grid-template-columns: 1fr;\n      gap: 8px;\n      padding: 18px 0;\n    }\n\n    .desafio-bm-text-title {\n      font-size: 16px;\n    }\n\n    .desafio-bm-text-desc {\n      font-size: 15px;\n      line-height: 1.55;\n    }\n  }\n<\/style>\n\n<div class=\"desafio-bm-text\">\n  <div class=\"desafio-bm-text-row\">\n    <div class=\"desafio-bm-text-title\">Personalized feed<\/div>\n    <div class=\"desafio-bm-text-desc\">Fever and Meetup offer the most robust experience; Sympla is partial; Facebook uses geolocation.<\/div>\n  <\/div>\n\n  <div class=\"desafio-bm-text-row\">\n    <div class=\"desafio-bm-text-title\">Advanced filters<\/div>\n    <div class=\"desafio-bm-text-desc\">Sympla and Eventbrite are complete; Fever is partial; Facebook is limited.<\/div>\n  <\/div>\n\n  <div class=\"desafio-bm-text-row\">\n    <div class=\"desafio-bm-text-title\">Preference onboarding<\/div>\n    <div class=\"desafio-bm-text-desc\">Only Fever and Meetup. The others do not offer it.<\/div>\n  <\/div>\n\n  <div class=\"desafio-bm-text-row\">\n    <div class=\"desafio-bm-text-title\">Smart recommendation<\/div>\n    <div class=\"desafio-bm-text-desc\">Fever and Meetup are the most sophisticated; Sympla does not offer it.<\/div>\n  <\/div>\n\n  <div class=\"desafio-bm-text-row\">\n    <div class=\"desafio-bm-text-title\">Local highlights<\/div>\n    <div class=\"desafio-bm-text-desc\">Eventbrite and Fever offer them; Sympla is not adapted to the local reality.<\/div>\n  <\/div>\n\n  <div class=\"desafio-bm-text-row\">\n    <div class=\"desafio-bm-text-title\">Social integration<\/div>\n    <div class=\"desafio-bm-text-desc\">Facebook leads; Eventbrite and Fever show who is attending.<\/div>\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70e6d4d elementor-widget elementor-widget-text-editor\" data-id=\"70e6d4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  .desafio-oportunidade,\n  .desafio-oportunidade * {\n    box-sizing: border-box;\n  }\n\n  .desafio-oportunidade {\n    width: 100%;\n    max-width: 100%;\n    background: #0B0D0F;\n    border: 1px solid rgba(255,106,0,0.24);\n    border-radius: 14px;\n    padding: 16px 20px;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    color: #ffffff;\n    overflow: hidden;\n  }\n\n  .desafio-oportunidade-label {\n    font-family: var(--e-global-typography-accent-font-family), system-ui, sans-serif;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: #FF6A00;\n    line-height: 1.4;\n    min-width: 110px;\n    padding-top: 3px;\n  }\n\n  .desafio-oportunidade-text {\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 1.45;\n    letter-spacing: -0.01em;\n    color: rgba(255,255,255,0.86);\n    min-width: 0;\n  }\n\n  @media (max-width: 767px) {\n    .desafio-oportunidade {\n      flex-direction: column;\n      gap: 10px;\n      padding: 16px;\n    }\n\n    .desafio-oportunidade-label {\n      min-width: 0;\n      padding-top: 0;\n    }\n\n    .desafio-oportunidade-text {\n      font-size: 15px;\n      line-height: 1.55;\n    }\n  }\n<\/style>\n\n<div class=\"desafio-oportunidade\">\n  <div class=\"desafio-oportunidade-label\">Opportunity<\/div>\n  <div class=\"desafio-oportunidade-text\">\n    No competitor combines preference onboarding + local curation + free and community events in a single experience.\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90dae2d e-con-full e-flex e-con e-child\" data-id=\"90dae2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-137005c elementor-widget elementor-widget-heading\" data-id=\"137005c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Design Process<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4c79a3 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"a4c79a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  .processo-pesquisa,\n  .processo-pesquisa * {\n    box-sizing: border-box;\n  }\n\n  .processo-pesquisa {\n    width: 100%;\n    max-width: 100%;\n    overflow: hidden;\n    background: #0B0D0F;\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 16px;\n    padding: 36px 40px;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    color: #FAFAFA;\n  }\n\n  .processo-pesquisa-title {\n    margin: 0 0 10px;\n    font-family: var(--e-global-typography-primary-font-family), system-ui, sans-serif;\n    font-size: 18px;\n    font-weight: 600;\n    line-height: 1.35;\n    color: #FAFAFA;\n  }\n\n  .processo-pesquisa-sub {\n    margin: 0 0 28px;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 1.6;\n    color: rgba(250,250,250,0.68);\n  }\n\n  .processo-pesquisa-metrics {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 24px;\n    margin-bottom: 28px;\n  }\n\n  .processo-pesquisa-metric {\n    min-width: 0;\n    padding-top: 18px;\n    border-top: 2px solid #FF6A00;\n  }\n\n  .processo-pesquisa-num {\n    margin: 0 0 8px;\n    font-family: var(--e-global-typography-primary-font-family), system-ui, sans-serif;\n    font-size: 48px;\n    font-weight: 600;\n    line-height: 1;\n    color: #FF6A00;\n    letter-spacing: -0.04em;\n  }\n\n  .processo-pesquisa-desc {\n    margin: 0;\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 1.5;\n    color: rgba(250,250,250,0.64);\n  }\n\n  .processo-pesquisa-criteria {\n    margin: 0 0 24px;\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 1.6;\n    color: rgba(250,250,250,0.64);\n  }\n\n  .processo-pesquisa-quote {\n    border-left: 3px solid #E8302A;\n    padding-left: 18px;\n  }\n\n  .processo-pesquisa-quote-text {\n    margin: 0 0 10px;\n    font-family: var(--e-global-typography-secondary-font-family), system-ui, sans-serif;\n    font-size: 17px;\n    font-weight: 500;\n    line-height: 1.5;\n    color: #FAFAFA;\n  }\n\n  .processo-pesquisa-quote-attr {\n    margin: 0;\n    font-size: 13px;\n    font-weight: 400;\n    color: rgba(250,250,250,0.48);\n  }\n\n  @media (max-width: 767px) {\n    .processo-pesquisa {\n      padding: 24px 18px;\n      border-radius: 14px;\n    }\n\n    .processo-pesquisa-metrics {\n      grid-template-columns: 1fr;\n      gap: 18px;\n      margin-bottom: 24px;\n    }\n\n    .processo-pesquisa-num {\n      font-size: 38px;\n    }\n\n    .processo-pesquisa-quote-text {\n      font-size: 15px;\n      line-height: 1.55;\n    }\n  }\n<\/style>\n\n<div class=\"processo-pesquisa\">\n  <p class=\"processo-pesquisa-title\">User research<\/p>\n\n  <p class=\"processo-pesquisa-sub\">\n    We applied a quantitative survey with qualitative questions to residents of the Recife Metropolitan Area. The data revealed a structural problem around discovery, curation, and information clarity.\n  <\/p>\n\n  <div class=\"processo-pesquisa-metrics\">\n    <div class=\"processo-pesquisa-metric\">\n      <p class=\"processo-pesquisa-num\">127<\/p>\n      <p class=\"processo-pesquisa-desc\">participants in the survey<\/p>\n    <\/div>\n\n    <div class=\"processo-pesquisa-metric\">\n      <p class=\"processo-pesquisa-num\">56%<\/p>\n      <p class=\"processo-pesquisa-desc\">do not know where to look for events<\/p>\n    <\/div>\n\n    <div class=\"processo-pesquisa-metric\">\n      <p class=\"processo-pesquisa-num\">84%<\/p>\n      <p class=\"processo-pesquisa-desc\">have missed an event due to lack of information<\/p>\n    <\/div>\n  <\/div>\n\n  <p class=\"processo-pesquisa-criteria\">\n    Most important criteria for deciding whether to attend: budget (84.6%), distance (74%), type of event, company, and available social energy.\n  <\/p>\n\n  <div class=\"processo-pesquisa-quote\">\n    <p class=\"processo-pesquisa-quote-text\">\n      \u201cChegou ao ponto de saber de um show que gostaria de ter ido atrav\u00e9s de um outdoor, s\u00f3 que trabalho de casa e muitas vezes n\u00e3o passo por avenidas movimentadas.\u201d\n    <\/p>\n    <p class=\"processo-pesquisa-quote-attr\">\u2014 Survey respondent<\/p>\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e67cef e-con-full e-flex e-con e-child\" data-id=\"6e67cef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfa764b elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"bfa764b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><style>\n  .processo-dores,\n  .processo-dores * {\n    box-sizing: border-box;\n  }\n\n  .processo-dores {\n    width: 100%;\n    max-width: 100%;\n    overflow: hidden;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    color: #F7F7F7;\n  }\n\n  .processo-dores-title {\n    margin: 0 0 32px;\n    font-family: var(--e-global-typography-primary-font-family), system-ui, sans-serif;\n    font-size: 26px;\n    font-weight: 600;\n    line-height: 1.15;\n    letter-spacing: -0.03em;\n    color: #F7F7F7;\n  }\n\n  .processo-dores-row {\n    width: 100%;\n    padding: 0 0 22px;\n    margin-bottom: 22px;\n    border-bottom: 1px solid rgba(255,255,255,0.10);\n  }\n\n  .processo-dores-row:last-child {\n    margin-bottom: 0;\n  }\n\n  .processo-dores-top {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 18px;\n    align-items: end;\n    margin-bottom: 12px;\n  }\n\n  .processo-dores-label {\n    margin: 0;\n    min-width: 0;\n    font-family: var(--e-global-typography-secondary-font-family), system-ui, sans-serif;\n    font-size: 17px;\n    font-weight: 500;\n    line-height: 1.35;\n    color: #F7F7F7;\n  }\n\n  .processo-dores-value {\n    margin: 0;\n    font-family: var(--e-global-typography-primary-font-family), system-ui, sans-serif;\n    font-size: 26px;\n    font-weight: 600;\n    line-height: 1;\n    color: #FF6A00;\n    white-space: nowrap;\n  }\n\n  .processo-dores-track {\n    width: 100%;\n    height: 8px;\n    background: rgba(255,255,255,0.10);\n    border-radius: 99px;\n    overflow: hidden;\n  }\n\n  .processo-dores-bar {\n    height: 100%;\n    border-radius: 99px;\n    background: linear-gradient(90deg, #FF6A00 0%, #E8302A 100%);\n  }\n\n  @media (max-width: 767px) {\n    .processo-dores-title {\n      font-size: 22px;\n      margin-bottom: 26px;\n    }\n\n    .processo-dores-row {\n      padding-bottom: 20px;\n      margin-bottom: 20px;\n    }\n\n    .processo-dores-label {\n      font-size: 15px;\n      line-height: 1.4;\n    }\n\n    .processo-dores-value {\n      font-size: 22px;\n    }\n\n    .processo-dores-top {\n      gap: 12px;\n    }\n  }\n<\/style><\/p><div class=\"processo-dores\"><p class=\"processo-dores-title\">Main pain points identified<\/p><div class=\"processo-dores-row\"><div class=\"processo-dores-top\"><p class=\"processo-dores-label\">Difficulty finding events that match their own interests<\/p><p class=\"processo-dores-value\">77<\/p><\/div><div class=\"processo-dores-track\"><div class=\"processo-dores-bar\" style=\"width: 100%;\">\u00a0<\/div><\/div><\/div><div class=\"processo-dores-row\"><div class=\"processo-dores-top\"><p class=\"processo-dores-label\">Not knowing where to look for events<\/p><p class=\"processo-dores-value\">70<\/p><\/div><div class=\"processo-dores-track\"><div class=\"processo-dores-bar\" style=\"width: 90.9%;\">\u00a0<\/div><\/div><\/div><div class=\"processo-dores-row\"><div class=\"processo-dores-top\"><p class=\"processo-dores-label\">High event prices<\/p><p class=\"processo-dores-value\">58<\/p><\/div><div class=\"processo-dores-track\"><div class=\"processo-dores-bar\" style=\"width: 75.3%;\">\u00a0<\/div><\/div><\/div><div class=\"processo-dores-row\"><div class=\"processo-dores-top\"><p class=\"processo-dores-label\">Lack of detailed information<\/p><p class=\"processo-dores-value\">57<\/p><\/div><div class=\"processo-dores-track\"><div class=\"processo-dores-bar\" style=\"width: 74%;\">\u00a0<\/div><\/div><\/div><div class=\"processo-dores-row\"><div class=\"processo-dores-top\"><p class=\"processo-dores-label\">Disorganized information<\/p><p class=\"processo-dores-value\">23<\/p><\/div><div class=\"processo-dores-track\"><div class=\"processo-dores-bar\" style=\"width: 29.9%;\">\u00a0<\/div><\/div><\/div><div class=\"processo-dores-row\"><div class=\"processo-dores-top\"><p class=\"processo-dores-label\">Difficulty finding someone to go with to events<\/p><p class=\"processo-dores-value\">22<\/p><\/div><div class=\"processo-dores-track\"><div class=\"processo-dores-bar\" style=\"width: 28.6%;\">\u00a0<\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5917c0f e-con-full e-flex e-con e-child\" data-id=\"5917c0f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-fab55a4 e-con-full e-flex e-con e-child\" data-id=\"fab55a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-661a373 elementor-widget elementor-widget-heading\" data-id=\"661a373\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Defining the problem<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ccf1cc8 elementor-widget elementor-widget-text-editor\" data-id=\"ccf1cc8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"text-token-text-primary leading-relaxed\">The research revealed that the difficulty is not only about buying tickets, but mainly about discovering opportunities aligned with each person\u2019s interests at the right moment.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-663a7f1 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"663a7f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  .hmw-box {\n    width: 100%;\n    box-sizing: border-box;\n    background: linear-gradient(135deg, #2B1762 0%, #1B1728 65%, #0B0D0F 100%);\n    border-radius: 20px;\n    padding: 36px 40px;\n    font-family: \"Inter\", system-ui, sans-serif;\n    color: #F7F7F7;\n  }\n\n  .hmw-label {\n    margin: 0 0 20px;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.24em;\n    text-transform: uppercase;\n    color: rgba(247, 247, 247, 0.52);\n  }\n\n  .hmw-text {\n    margin: 0;\n    font-size: 24px;\n    font-weight: 600;\n    line-height: 1.45;\n    letter-spacing: -0.03em;\n    color: #FFFFFF;\n    max-width: 1100px;\n  }\n\n  @media (max-width: 767px) {\n    .hmw-box {\n      border-radius: 16px;\n      padding: 28px 24px;\n    }\n\n    .hmw-label {\n      font-size: 10px;\n      margin-bottom: 18px;\n    }\n\n    .hmw-text {\n      font-size: 20px;\n      line-height: 1.45;\n    }\n  }\n<\/style>\n\n<div class=\"hmw-box\">\n  <p class=\"hmw-label\">Guiding question<\/p>\n\n  <p class=\"hmw-text\">\n    \u201cHow might we make it easier to discover relevant events, reducing dependence on unpredictable algorithms and fragmented sources?\u201d\n  <\/p>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f7a967 e-con-full e-flex e-con e-child\" data-id=\"4f7a967\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ded53e elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"9ded53e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  .csd-wrap,\n  .csd-wrap * {\n    box-sizing: border-box;\n  }\n\n  .csd-wrap {\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    color: #F7F7F7;\n    width: 100%;\n  }\n\n  .csd-subtitle {\n    font-family: var(--e-global-typography-primary-font-family), system-ui, sans-serif;\n    font-size: 18px;\n    font-weight: 600;\n    line-height: 1.4;\n    margin: 0 0 18px;\n    color: #F7F7F7;\n  }\n\n  .csd-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n  }\n\n  .csd-card {\n    background: #0B0D0F;\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 14px;\n    padding: 20px;\n  }\n\n  .csd-card-title {\n    font-family: var(--e-global-typography-primary-font-family), system-ui, sans-serif;\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 1.35;\n    margin: 0 0 14px;\n    color: #F7F7F7;\n  }\n\n  .csd-list {\n    margin: 0;\n    padding-left: 18px;\n  }\n\n  .csd-list li {\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 1.55;\n    color: #A4A4A4;\n    margin-bottom: 10px;\n  }\n\n  .csd-list li:last-child {\n    margin-bottom: 0;\n  }\n\n  .csd-list li::marker {\n    color: #FF6A00;\n  }\n\n  @media (max-width: 1024px) {\n    .csd-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .csd-card {\n      padding: 18px;\n    }\n\n    .csd-list li {\n      font-size: 14px;\n    }\n  }\n<\/style>\n\n<div class=\"csd-wrap\">\n  <p class=\"csd-subtitle\">CSD Matrix<\/p>\n\n  <div class=\"csd-grid\">\n\n    <div class=\"csd-card\">\n      <p class=\"csd-card-title\">Certezas<\/p>\n      <ul class=\"csd-list\">\n        <li>Social media is one of the main ways people discover events.<\/li>\n        <li>Information dispersion is a recurring pain point.<\/li>\n        <li>There is no platform that centralizes events from the Recife Metropolitan Area.<\/li>\n        <li>A lot of people miss events due to a lack of information.<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"csd-card\">\n      <p class=\"csd-card-title\">Assumptions<\/p>\n      <ul class=\"csd-list\">\n        <li>Users want an easier and more personalized way to discover events.<\/li>\n        <li>Advanced filters are desired.<\/li>\n        <li>Integration with social networks would increase engagement.<\/li>\n        <li>PWDs have difficulty finding accessibility information.<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"csd-card\">\n      <p class=\"csd-card-title\">Questions<\/p>\n      <ul class=\"csd-list\">\n        <li>Which criteria influence the choice? Answered by the research.<\/li>\n        <li>What are the biggest frustrations with current solutions?<\/li>\n        <li>How far in advance do people plan?<\/li>\n        <li>Are they willing to travel for an event?<\/li>\n      <\/ul>\n    <\/div>\n\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9cf4edb e-con-full e-flex e-con e-child\" data-id=\"9cf4edb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e5a4dc elementor-widget elementor-widget-text-editor\" data-id=\"9e5a4dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 18px; font-weight: bold; margin-bottom: 0px;\">Personas<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-def870c elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"def870c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  .personas-section {\n    width: 100%;\n    font-family: \"Inter\", system-ui, sans-serif;\n    color: #F7F7F7;\n    box-sizing: border-box;\n  }\n\n  .personas-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 20px;\n    width: 100%;\n  }\n\n  .persona-card {\n    background: #0B0D0F;\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 16px;\n    padding: 22px;\n    box-sizing: border-box;\n    width: 100%;\n  }\n\n  .persona-header {\n    display: grid;\n    grid-template-columns: 88px 1fr;\n    gap: 18px;\n    align-items: center;\n    margin-bottom: 22px;\n    padding-bottom: 22px;\n    border-bottom: 1px solid rgba(255,255,255,0.08);\n  }\n\n  .persona-photo-wrap {\n    width: 88px;\n    height: 88px;\n    border-radius: 18px;\n    overflow: hidden;\n    background: #1B1728;\n    border: 1px solid rgba(255,255,255,0.12);\n  }\n\n  .persona-photo {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  .persona-role {\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 0.20em;\n    text-transform: uppercase;\n    color: rgba(247,247,247,0.46);\n    margin: 0 0 8px;\n  }\n\n  .persona-name {\n    font-size: 24px;\n    font-weight: 600;\n    line-height: 1.15;\n    letter-spacing: -0.03em;\n    color: #F7F7F7;\n    margin: 0 0 6px;\n  }\n\n  .persona-meta {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 1.45;\n    color: #A4A4A4;\n    margin: 0;\n  }\n\n  .persona-list {\n    margin: 0;\n    padding-left: 18px;\n  }\n\n  .persona-list li {\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 1.6;\n    color: #A4A4A4;\n    margin-bottom: 10px;\n  }\n\n  .persona-list li::marker {\n    color: #FF6A00;\n  }\n\n  .persona-list li:last-child {\n    margin-bottom: 0;\n  }\n\n  @media (max-width: 900px) {\n    .personas-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .persona-card {\n      padding: 20px;\n      border-radius: 14px;\n    }\n\n    .persona-header {\n      grid-template-columns: 72px 1fr;\n      gap: 14px;\n      margin-bottom: 20px;\n      padding-bottom: 20px;\n    }\n\n    .persona-photo-wrap {\n      width: 72px;\n      height: 72px;\n      border-radius: 16px;\n    }\n\n    .persona-name {\n      font-size: 21px;\n    }\n\n    .persona-meta,\n    .persona-list li {\n      font-size: 14px;\n    }\n  }\n<\/style>\n\n<div class=\"personas-section\">\n  <div class=\"personas-grid\">\n\n    <div class=\"persona-card\">\n      <div class=\"persona-header\">\n        <div class=\"persona-photo-wrap\">\n          <img decoding=\"async\" \n            class=\"persona-photo\" \n            src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/LUANA.png\" \n            alt=\"Persona Luana Andrade\"\n          >\n        <\/div>\n\n        <div>\n          <p class=\"persona-role\">Main persona<\/p>\n          <p class=\"persona-name\">Luana Andrade<\/p>\n          <p class=\"persona-meta\">28 years old \u00b7 Recife, PE \u00b7 Home office \u00b7 Middle income<\/p>\n        <\/div>\n      <\/div>\n\n      <ul class=\"persona-list\">\n        <li>Wants to go out on weekends but does not know what is happening.<\/li>\n        <li>Uses Instagram as her main source, but the algorithm does not surface cultural events.<\/li>\n        <li>Has missed events she would have loved due to lack of information at the right moment.<\/li>\n        <li>Decides based on price, distance, and company.<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"persona-card\">\n      <div class=\"persona-header\">\n        <div class=\"persona-photo-wrap\">\n          <img decoding=\"async\" \n            class=\"persona-photo\" \n            src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/ANDRE.png\" \n            alt=\"Persona Andr\u00e9\"\n          >\n        <\/div>\n\n        <div>\n          <p class=\"persona-role\">Independent musical producer<\/p>\n          <p class=\"persona-name\">Andr\u00e9<\/p>\n          <p class=\"persona-meta\">30 years old \u00b7 Event producer \u00b7 Recife Metropolitan Area<\/p>\n        <\/div>\n      <\/div>\n\n      <ul class=\"persona-list\">\n        <li>Organizes events in different venues and uses social media to promote them.<\/li>\n        <li>Independent events compete for visibility with large productions.<\/li>\n        <li>Represents the B2B side of the product \u2014 reach without a marketing structure.<\/li>\n      <\/ul>\n    <\/div>\n\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64ae75f e-con-full e-flex e-con e-child\" data-id=\"64ae75f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acfa932 elementor-widget elementor-widget-text-editor\" data-id=\"acfa932\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 18px; font-weight: bold; margin-bottom: 0px;\">AS-IS Journey \u2014 Luana<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43fbcfd elementor-widget elementor-widget-text-editor\" data-id=\"43fbcfd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  .as-is-journey {\n    width: 100%;\n    font-family: \"Inter\", system-ui, sans-serif;\n    color: #F7F7F7;\n    box-sizing: border-box;\n  }\n\n  .as-is-grid {\n    display: grid;\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n    gap: 22px;\n    width: 100%;\n  }\n\n  .as-is-card {\n    position: relative;\n    background: rgba(11, 13, 15, 0.58);\n    border: 1px solid rgba(255,255,255,0.10);\n    border-radius: 16px;\n    padding: 22px;\n    box-sizing: border-box;\n    min-height: 280px;\n    backdrop-filter: blur(8px);\n  }\n\n  .as-is-card:not(:last-child)::after {\n    content: \"\";\n    position: absolute;\n    top: 34px;\n    right: -22px;\n    width: 22px;\n    height: 1px;\n    background: #FF6A00;\n  }\n\n  .as-is-step {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 26px;\n    height: 26px;\n    border-radius: 999px;\n    background: rgba(255,106,0,0.10);\n    border: 1px solid rgba(255,106,0,0.32);\n    color: #FF6A00;\n    font-size: 11px;\n    font-weight: 700;\n    margin-bottom: 18px;\n  }\n\n  .as-is-title {\n    font-size: 20px;\n    font-weight: 600;\n    line-height: 1.2;\n    letter-spacing: -0.03em;\n    color: #F7F7F7;\n    margin: 0 0 18px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid rgba(255,255,255,0.10);\n  }\n\n  .as-is-label {\n    font-size: 10px;\n    font-weight: 700;\n    line-height: 1;\n    letter-spacing: 0.24em;\n    text-transform: uppercase;\n    margin: 0 0 10px;\n  }\n\n  .as-is-label.dor {\n    color: #E94643;\n  }\n\n  .as-is-label.oportunidade {\n    color: #2FAE7F;\n    margin-top: 26px;\n  }\n\n  .as-is-text {\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 1.48;\n    color: #A4A4A4;\n    margin: 0;\n  }\n\n  .as-is-text.oportunidade-text {\n    font-weight: 600;\n    color: #A4A4A4;\n  }\n\n  @media (max-width: 1100px) {\n    .as-is-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .as-is-card:not(:last-child)::after {\n      display: none;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .as-is-grid {\n      grid-template-columns: 1fr;\n      gap: 18px;\n    }\n\n    .as-is-card {\n      min-height: auto;\n      padding: 20px;\n      border-radius: 14px;\n    }\n\n    .as-is-card:not(:last-child)::before {\n      content: \"\";\n      position: absolute;\n      left: 34px;\n      bottom: -18px;\n      width: 1px;\n      height: 18px;\n      background: #FF6A00;\n    }\n\n    .as-is-title {\n      font-size: 19px;\n    }\n\n    .as-is-text {\n      font-size: 14px;\n    }\n  }\n<\/style>\n\n<div class=\"as-is-journey\">\n  <div class=\"as-is-grid\">\n\n    <div class=\"as-is-card\">\n      <div class=\"as-is-step\">01<\/div>\n      <h3 class=\"as-is-title\">Intention<\/h3>\n\n      <p class=\"as-is-label dor\">Pain<\/p>\n      <p class=\"as-is-text\">No clear source to consult<\/p>\n\n      <p class=\"as-is-label oportunidade\">Opportunity<\/p>\n      <p class=\"as-is-text oportunidade-text\">Proactive notifications and personalized suggestions<\/p>\n    <\/div>\n\n    <div class=\"as-is-card\">\n      <div class=\"as-is-step\">02<\/div>\n      <h3 class=\"as-is-title\">Informal search<\/h3>\n\n      <p class=\"as-is-label dor\">Pain<\/p>\n      <p class=\"as-is-text\">Ephemeral and scattered information<\/p>\n\n      <p class=\"as-is-label oportunidade\">Opportunity<\/p>\n      <p class=\"as-is-text oportunidade-text\">Hub with centralized calendar<\/p>\n    <\/div>\n\n    <div class=\"as-is-card\">\n      <div class=\"as-is-step\">03<\/div>\n      <h3 class=\"as-is-title\">Active exploration<\/h3>\n\n      <p class=\"as-is-label dor\">Pain<\/p>\n      <p class=\"as-is-text\">Only paid or commercial events, too much noise<\/p>\n\n      <p class=\"as-is-label oportunidade\">Opportunity<\/p>\n      <p class=\"as-is-text oportunidade-text\">Useful tags: free, cultural, family-friendly<\/p>\n    <\/div>\n\n    <div class=\"as-is-card\">\n      <div class=\"as-is-step\">04<\/div>\n      <h3 class=\"as-is-title\">Decision<\/h3>\n\n      <p class=\"as-is-label dor\">Pain<\/p>\n      <p class=\"as-is-text\">Lack of data on accessibility and reliability<\/p>\n\n      <p class=\"as-is-label oportunidade\">Opportunity<\/p>\n      <p class=\"as-is-text oportunidade-text\">Practical information and social proof<\/p>\n    <\/div>\n\n    <div class=\"as-is-card\">\n      <div class=\"as-is-step\">05<\/div>\n      <h3 class=\"as-is-title\">Post-event<\/h3>\n\n      <p class=\"as-is-label dor\">Pain<\/p>\n      <p class=\"as-is-text\">Good experiences are rarely shared<\/p>\n\n      <p class=\"as-is-label oportunidade\">Opportunity<\/p>\n      <p class=\"as-is-text oportunidade-text\">Quick review and native sharing<\/p>\n    <\/div>\n\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-291da2d e-con-full e-flex e-con e-child\" data-id=\"291da2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d775807 e-con-full e-flex e-con e-child\" data-id=\"d775807\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-743e1d9 elementor-widget elementor-widget-heading\" data-id=\"743e1d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Concept and brand<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4abc10 elementor-widget elementor-widget-text-editor\" data-id=\"b4abc10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 18px; font-weight: bold; margin-bottom: 16px;\">Partiu is an invitation to action<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-210a1e3 elementor-widget elementor-widget-text-editor\" data-id=\"210a1e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  .partiu-question-box {\n    width: 100%;\n    min-height: 280px;\n    box-sizing: border-box;\n    border-radius: 26px;\n    border: 1px solid rgba(255, 106, 0, 0.16);\n    background:\n      radial-gradient(circle at 62% 45%, rgba(255, 106, 0, 0.10), transparent 36%),\n      rgba(11, 13, 15, 0.46);\n    font-family: \"Inter\", system-ui, sans-serif;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 56px 64px;\n    overflow: hidden;\n  }\n\n  .partiu-question-inner {\n    width: 100%;\n    max-width: 980px;\n    display: grid;\n    grid-template-columns: 1fr auto 1.15fr;\n    align-items: center;\n    gap: 48px;\n  }\n\n  .partiu-question-text {\n    margin: 0;\n    font-size: 34px;\n    font-weight: 500;\n    line-height: 1.28;\n    letter-spacing: -0.04em;\n    color: rgba(247, 247, 247, 0.62);\n    text-align: center;\n  }\n\n  .partiu-question-arrow {\n    font-size: 44px;\n    line-height: 1;\n    font-weight: 400;\n    color: #FF6A00;\n  }\n\n  .partiu-logo-wrap {\n    width: 100%;\n    max-width: 430px;\n  }\n\n  .partiu-logo-wrap svg {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  @media (max-width: 900px) {\n    .partiu-question-box {\n      min-height: auto;\n      padding: 44px 28px;\n      border-radius: 22px;\n    }\n\n    .partiu-question-inner {\n      grid-template-columns: 1fr;\n      gap: 26px;\n      justify-items: center;\n    }\n\n    .partiu-question-text {\n      font-size: 28px;\n      max-width: 420px;\n    }\n\n    .partiu-question-arrow {\n      transform: rotate(90deg);\n      font-size: 36px;\n    }\n\n    .partiu-logo-wrap {\n      max-width: 300px;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .partiu-question-box {\n      padding: 36px 22px;\n      border-radius: 18px;\n    }\n\n    .partiu-question-text {\n      font-size: 24px;\n    }\n\n    .partiu-logo-wrap {\n      max-width: 240px;\n    }\n  }\n<\/style>\n\n<div class=\"partiu-question-box\">\n  <div class=\"partiu-question-inner\">\n\n    <p class=\"partiu-question-text\">\u201cIs there anything<br>happening today?\u201d<\/p>\n\n    <div class=\"partiu-question-arrow\">\u2192<\/div>\n\n    <div class=\"partiu-logo-wrap\" aria-label=\"Logo Partiu\">\n      <svg width=\"948\" height=\"218\" viewbox=\"0 0 948 218\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M204.012 174.418C204.012 150.788 221.564 136.104 255.76 132.582L324.408 125.566V119.488C324.408 98.7265 315.149 92.9893 289.587 92.9893C264.025 92.9893 255.419 99.3798 255.419 117.586V118.864H207.193V117.898C207.193 78.3054 240.395 50.8406 293.109 50.8406C345.823 50.8406 371.669 78.3054 371.669 120.142V208.018C371.669 211.341 368.971 214.011 365.676 214.011H332.986C329.663 214.011 326.993 211.312 326.993 208.018V177.287H324.437C317.08 202.195 294.728 217.192 259.282 217.192C223.836 217.192 204.04 201.23 204.04 174.418H204.012ZM273 183.365C300.891 183.365 317.762 177.741 322.846 161.921C324.209 157.718 320.858 153.429 316.456 153.94L268.854 159.422C257.351 160.387 252.238 163.568 252.238 171.237C252.238 179.871 258.941 183.365 273 183.365Z\" fill=\"#FF6A00\"\/>\n        <path d=\"M395.953 208.018V60.0429C395.953 56.7198 398.651 54.05 401.946 54.05H434.324C437.647 54.05 440.317 56.7482 440.317 60.0429V96.5112H443.186C447.645 70.6368 464.573 50.8406 496.837 50.8406C532.596 50.8406 547.308 75.4368 547.308 106.736V127.242C547.308 130.565 544.61 133.235 541.315 133.235H505.415C502.092 133.235 499.422 130.537 499.422 127.242V116.648C499.422 99.0957 492.407 91.4272 472.923 91.4272C451.536 91.4272 443.867 101.34 443.867 121.448V208.046C443.867 211.369 441.169 214.039 437.875 214.039H401.974C398.651 214.039 395.982 211.341 395.982 208.046L395.953 208.018Z\" fill=\"#FF6A00\"\/>\n        <path d=\"M637.712 214.007C600.364 214.007 577.67 196.454 577.67 156.209V99.6315C577.67 96.3085 574.972 93.6387 571.677 93.6387H558.442C555.119 93.6387 552.449 90.9405 552.449 87.6459V60.039C552.449 56.716 555.147 54.0462 558.442 54.0462H571.677C575 54.0462 577.67 51.348 577.67 48.0534V29.0807C577.67 25.7577 580.368 23.0879 583.663 23.0879H619.563C622.886 23.0879 625.556 25.7861 625.556 29.0807V48.0534C625.556 51.3764 628.254 54.0462 631.549 54.0462H671.284C674.607 54.0462 677.276 56.7444 677.276 60.039V87.6459C677.276 90.9689 674.578 93.6387 671.284 93.6387H631.549C628.226 93.6387 625.556 96.3369 625.556 99.6315V150.784C625.556 166.746 631.634 170.892 648.562 170.892H671.284C674.607 170.892 677.276 173.591 677.276 176.885V207.986C677.276 211.309 674.578 213.978 671.284 213.978H637.684L637.712 214.007Z\" fill=\"#FF6A00\"\/>\n        <path d=\"M695.195 31.7228V6.04729C695.195 2.72424 697.893 0.0544434 701.188 0.0544434H737.088C740.411 0.0544434 743.081 2.75264 743.081 6.04729V31.7228C743.081 35.0459 740.383 37.7157 737.088 37.7157H701.188C697.865 37.7157 695.195 35.0175 695.195 31.7228ZM695.195 208.015V60.0397C695.195 56.7167 697.893 54.0469 701.188 54.0469H737.088C740.411 54.0469 743.081 56.7451 743.081 60.0397V208.015C743.081 211.338 740.383 214.007 737.088 214.007H701.188C697.865 214.007 695.195 211.309 695.195 208.015Z\" fill=\"#FF6A00\"\/>\n        <path d=\"M768.023 153.654V60.0124C768.023 56.6893 770.722 54.0195 774.016 54.0195H809.917C813.24 54.0195 815.909 56.7177 815.909 60.0124V137.692C815.909 163.566 826.759 174.416 857.121 174.416C887.483 174.416 899.582 162.288 899.582 135.136V60.0124C899.582 56.6893 902.28 54.0195 905.575 54.0195H941.475C944.798 54.0195 947.468 56.7177 947.468 60.0124V207.987C947.468 211.31 944.77 213.98 941.475 213.98H908.784C905.461 213.98 902.791 211.282 902.791 207.987V165.129H900.235C896.089 191.94 876.605 217.19 834.456 217.19C789.439 217.19 768.023 189.412 768.023 153.626V153.654Z\" fill=\"#FF6A00\"\/>\n        <path d=\"M48.738 63.3366V47.8291C48.6812 45.0741 50.8966 42.8303 53.6232 42.8303H120.766C129.599 42.8303 136.756 49.9877 136.756 58.8207L137.864 110.2C138.006 116.193 136.273 119.09 130.28 119.09L120.766 119.317C115.568 119.09 113.836 116.704 113.608 111.734C113.608 111.734 112.813 91.7956 112.273 83.8998C111.819 80.7755 109.348 82.1672 108.553 83.3033C90.0346 109.518 52.9415 119.289 10.0543 121.334C4.40232 121.589 0 126.333 0 131.956V203.331C0 209.21 4.77155 214.01 10.6792 214.01H37.2351C43.1144 214.01 47.9143 209.238 47.9143 203.331V165.613C47.9143 159.733 52.6859 154.933 58.5935 154.933H111.734C161.267 154.933 193.219 126.531 193.219 77.3389C193.219 28.1465 161.296 0 111.734 0H10.7076C4.82836 0 0.0283973 4.77154 0.0283973 10.6792V75.3791C0.0283973 81.0028 4.34552 85.7175 9.96913 86.0583C11.8721 86.1719 13.917 86.2288 16.0472 86.2288C49.3912 86.2288 77.1117 83.8146 90.6595 71.6869C92.0228 70.4656 91.1707 68.165 89.3246 68.165H53.68C51.0102 68.165 48.8232 66.0348 48.7664 63.3366H48.738Z\" fill=\"#FF6A00\"\/>\n      <\/svg>\n    <\/div>\n\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ded8585 elementor-widget elementor-widget-text-editor\" data-id=\"ded8585\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  .brand-concept-section {\n    width: 100%;\n    box-sizing: border-box;\n    color: #F7F7F7;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n  }\n\n  .brand-concept-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 48px;\n    align-items: start;\n  }\n\n  .brand-left {\n    width: 100%;\n  }\n\n  .brand-main-text {\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    font-size: 18px;\n    font-weight: 400;\n    line-height: 1.55;\n    letter-spacing: -0.02em;\n    color: rgba(247,247,247,0.78);\n    margin: 0 0 34px;\n    max-width: 640px;\n  }\n\n  .brand-archetype-row {\n    display: grid;\n    grid-template-columns: 190px 1fr;\n    gap: 20px;\n    padding: 0 0 18px;\n    margin-bottom: 18px;\n    border-bottom: 1px solid rgba(255,255,255,0.10);\n  }\n\n  .brand-archetype-title {\n    font-family: var(--e-global-typography-primary-font-family), system-ui, sans-serif;\n    font-size: 17px;\n    font-weight: 600;\n    line-height: 1.35;\n    color: #F7F7F7;\n    margin: 0;\n  }\n\n  .brand-archetype-desc {\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.45;\n    color: rgba(247,247,247,0.54);\n    margin: 0;\n  }\n\n  .brand-keywords {\n    font-family: var(--e-global-typography-secondary-font-family), system-ui, sans-serif;\n    font-size: 17px;\n    font-weight: 500;\n    line-height: 1.55;\n    letter-spacing: -0.02em;\n    color: #C9A7FF;\n    margin: 28px 0 0;\n    max-width: 640px;\n  }\n\n  .brand-right {\n    width: 100%;\n    display: grid;\n    gap: 16px;\n  }\n\n  .brand-info-card {\n    background: rgba(255,255,255,0.035);\n    border: 1px solid rgba(255,255,255,0.10);\n    border-radius: 16px;\n    padding: 22px 26px;\n    box-sizing: border-box;\n  }\n\n  .brand-info-label {\n    font-family: var(--e-global-typography-accent-font-family), system-ui, sans-serif;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 0.24em;\n    text-transform: uppercase;\n    color: #FF6A00;\n    margin: 0 0 14px;\n  }\n\n  .brand-info-text {\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    font-size: 17px;\n    font-weight: 400;\n    line-height: 1.5;\n    letter-spacing: -0.02em;\n    color: rgba(247,247,247,0.70);\n    margin: 0;\n  }\n\n  @media (max-width: 1024px) {\n    .brand-concept-grid {\n      grid-template-columns: 1fr;\n      gap: 34px;\n    }\n\n    .brand-main-text {\n      font-size: 19px;\n      margin-bottom: 30px;\n    }\n\n    .brand-archetype-row {\n      grid-template-columns: 1fr;\n      gap: 8px;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .brand-main-text {\n      font-size: 18px;\n    }\n\n    .brand-archetype-title {\n      font-size: 16px;\n    }\n\n    .brand-archetype-desc {\n      font-size: 15px;\n    }\n\n    .brand-keywords {\n      font-size: 16px;\n    }\n\n    .brand-info-card {\n      padding: 20px;\n      border-radius: 14px;\n    }\n\n    .brand-info-text {\n      font-size: 16px;\n    }\n  }\n<\/style>\n\n<div class=\"brand-concept-section\">\n  <div class=\"brand-concept-grid\">\n\n    <div class=\"brand-left\">\n\n      <p class=\"brand-main-text\">\n        The brand is not institutional \u2014 it speaks like a well-informed friend who knows what is happening in the city. \n*Partiu is a slang, the English equivalent would be \"Let's go!\"\n      <\/p>\n\n      <div class=\"brand-archetype-row\">\n        <p class=\"brand-archetype-title\">Explorer<\/p>\n        <p class=\"brand-archetype-desc\">Curiosity, discovery, freedom.<\/p>\n      <\/div>\n\n      <div class=\"brand-archetype-row\">\n        <p class=\"brand-archetype-title\">Friend \/ Everyman<\/p>\n        <p class=\"brand-archetype-desc\">Belonging, accessibility, no elitism.<\/p>\n      <\/div>\n\n      <p class=\"brand-keywords\">\n        Spontaneous \u00b7 Urban \u00b7 Social \u00b7 Vibrant \u00b7 Accessible \u00b7 Easygoing\n      <\/p>\n\n    <\/div>\n\n    <div class=\"brand-right\">\n\n      <div class=\"brand-info-card\">\n        <p class=\"brand-info-label\">Radial gradient<\/p>\n        <p class=\"brand-info-text\">\n          Orange \u2192 purple in the headers of the main screens. Identity element, not decoration.\n        <\/p>\n      <\/div>\n\n      <div class=\"brand-info-card\">\n        <p class=\"brand-info-label\">Typography<\/p>\n        <p class=\"brand-info-text\">\n          Plus Jakarta Sans \u2014 modern, readable, friendly. Regular to Bold.\n        <\/p>\n      <\/div>\n\n      <div class=\"brand-info-card\">\n        <p class=\"brand-info-label\">Icons<\/p>\n        <p class=\"brand-info-text\">\n          Tabler Icons, Line Rounded style \u2014 a single library for full consistency.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f75718 elementor-widget elementor-widget-text-editor\" data-id=\"8f75718\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  .color-system-section {\n    width: 100%;\n    box-sizing: border-box;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    color: #F7F7F7;\n  }\n\n  .color-system-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 22px;\n    width: 100%;\n  }\n\n  .color-card {\n    background: rgba(255,255,255,0.035);\n    border: 1px solid rgba(255,255,255,0.10);\n    border-radius: 18px;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .color-swatch {\n    height: 150px;\n    width: 100%;\n  }\n\n  .color-swatch.orange {\n    background: linear-gradient(135deg, #FF6A00 0%, #E65F00 22%, #CC5400 44%, #A84400 64%, #7A3200 82%, #522100 100%);\n  }\n\n  .color-swatch.light {\n    background: linear-gradient(135deg, #FFF4EB 0%, #FFE4D1 28%, #FFD1B3 52%, #FFB88F 76%, #FF9A5C 100%);\n  }\n\n  .color-swatch.purple {\n    background: linear-gradient(135deg, #F6F0FF 0%, #DBC4FF 24%, #C197FF 48%, #A66BFF 68%, #7B3BD9 84%, #471395 100%);\n  }\n\n  .color-swatch.dark {\n    background: linear-gradient(135deg, #CEB6DE 0%, #B096C1 22%, #9279A4 42%, #765E86 62%, #402F4C 82%, #271B2F 100%);\n  }\n\n  .color-content {\n    padding: 24px;\n    box-sizing: border-box;\n  }\n\n  .color-head {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: 18px;\n    margin-bottom: 14px;\n  }\n\n  .color-name {\n    font-family: var(--e-global-typography-primary-font-family), system-ui, sans-serif;\n    font-size: 20px;\n    font-weight: 600;\n    line-height: 1.25;\n    letter-spacing: -0.02em;\n    color: #F7F7F7;\n    margin: 0;\n  }\n\n  .color-hex {\n    font-family: var(--e-global-typography-secondary-font-family), system-ui, sans-serif;\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.3;\n    color: rgba(247,247,247,0.46);\n    margin: 0;\n    white-space: nowrap;\n  }\n\n  .color-desc {\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.65;\n    color: rgba(247,247,247,0.62);\n    margin: 0;\n  }\n\n  .color-scale {\n    display: flex;\n    gap: 6px;\n    margin-top: 20px;\n  }\n\n  .color-dot {\n    height: 8px;\n    flex: 1;\n    border-radius: 99px;\n  }\n\n  @media (max-width: 1100px) {\n    .color-system-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 767px) {\n    .color-system-grid {\n      grid-template-columns: 1fr;\n      gap: 18px;\n    }\n\n    .color-swatch {\n      height: 130px;\n    }\n\n    .color-content {\n      padding: 22px;\n    }\n\n    .color-name {\n      font-size: 18px;\n    }\n\n    .color-desc {\n      font-size: 15px;\n    }\n  }\n<\/style>\n\n<div class=\"color-system-section\">\n  <div class=\"color-system-grid\">\n\n    <div class=\"color-card\">\n      <div class=\"color-swatch orange\"><\/div>\n\n      <div class=\"color-content\">\n        <div class=\"color-head\">\n          <p class=\"color-name\">Orange<\/p>\n          <p class=\"color-hex\">#FF6A00<\/p>\n        <\/div>\n\n        <p class=\"color-desc\">\n          Brand color for energy and action. Used to highlight decisions, calls to action, dates, tags, and interaction points.\n        <\/p>\n\n        <div class=\"color-scale\">\n          <span class=\"color-dot\" style=\"background:#FF6A00;\"><\/span>\n          <span class=\"color-dot\" style=\"background:#E65F00;\"><\/span>\n          <span class=\"color-dot\" style=\"background:#CC5400;\"><\/span>\n          <span class=\"color-dot\" style=\"background:#A84400;\"><\/span>\n          <span class=\"color-dot\" style=\"background:#7A3200;\"><\/span>\n          <span class=\"color-dot\" style=\"background:#522100;\"><\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"color-card\">\n      <div class=\"color-swatch light\"><\/div>\n\n      <div class=\"color-content\">\n        <div class=\"color-head\">\n          <p class=\"color-name\">Light tones<\/p>\n          <p class=\"color-hex\">#FFF4EB<\/p>\n        <\/div>\n\n        <p class=\"color-desc\">\n          Breathing room for light surfaces, soft contrasts, and reading moments with a lighter feel.\n        <\/p>\n\n        <div class=\"color-scale\">\n          <span class=\"color-dot\" style=\"background:#FFF4EB;\"><\/span>\n          <span class=\"color-dot\" style=\"background:#FFE4D1;\"><\/span>\n          <span class=\"color-dot\" style=\"background:#FFD1B3;\"><\/span>\n          <span class=\"color-dot\" style=\"background:#FFB88F;\"><\/span>\n          <span class=\"color-dot\" style=\"background:#FF9A5C;\"><\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"color-card\">\n      <div class=\"color-swatch purple\"><\/div>\n\n      <div class=\"color-content\">\n        <div class=\"color-head\">\n          <p class=\"color-name\">Purple<\/p>\n          <p class=\"color-hex\">#471395<\/p>\n        <\/div>\n\n        <p class=\"color-desc\">\n          Expressive layer of the identity. Adds contrast, depth, and personality to headers and visual elements.\n        <\/p>\n\n        <div class=\"color-scale\">\n          <span class=\"color-dot\" style=\"background:#F6F0FF;\"><\/span>\n          <span class=\"color-dot\" style=\"background:#DBC4FF;\"><\/span>\n          <span class=\"color-dot\" style=\"background:#C197FF;\"><\/span>\n          <span class=\"color-dot\" style=\"background:#A66BFF;\"><\/span>\n          <span class=\"color-dot\" style=\"background:#7B3BD9;\"><\/span>\n          <span class=\"color-dot\" style=\"background:#471395;\"><\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"color-card\">\n      <div class=\"color-swatch dark\"><\/div>\n\n      <div class=\"color-content\">\n        <div class=\"color-head\">\n          <p class=\"color-name\">Purple neutrals<\/p>\n          <p class=\"color-hex\">#271B2F<\/p>\n        <\/div>\n\n        <p class=\"color-desc\">\n          Structural tones for backgrounds, cards, contrast, and hierarchy. They support the product\u2019s urban and nighttime aesthetic.\n        <\/p>\n\n        <div class=\"color-scale\">\n          <span class=\"color-dot\" style=\"background:#CEB6DE;\"><\/span>\n          <span class=\"color-dot\" style=\"background:#B096C1;\"><\/span>\n          <span class=\"color-dot\" style=\"background:#9279A4;\"><\/span>\n          <span class=\"color-dot\" style=\"background:#765E86;\"><\/span>\n          <span class=\"color-dot\" style=\"background:#402F4C;\"><\/span>\n          <span class=\"color-dot\" style=\"background:#271B2F;\"><\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-726e58a e-con-full e-flex e-con e-child\" data-id=\"726e58a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0c43f1e e-con-full e-flex e-con e-child\" data-id=\"0c43f1e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a94ce2 elementor-widget elementor-widget-heading\" data-id=\"2a94ce2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Prioritization<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a18150 elementor-widget elementor-widget-text-editor\" data-id=\"8a18150\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 18px; font-weight: bold; margin-bottom: 0px;\">What should be built first?<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99a1133 elementor-widget elementor-widget-text-editor\" data-id=\"99a1133\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>The features were organized in a MoSCoW Matrix based on research data and the mapped journeys.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7230b12 elementor-widget elementor-widget-text-editor\" data-id=\"7230b12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><style>\n  .moscow-section {\n    width: 100%;\n    box-sizing: border-box;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    color: #F7F7F7;\n  }\n\n  .moscow-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 22px;\n    width: 100%;\n  }\n\n  .moscow-card {\n    background: rgba(11, 13, 15, 0.58);\n    border: 1px solid rgba(255,255,255,0.10);\n    border-radius: 18px;\n    padding: 28px;\n    box-sizing: border-box;\n    min-height: 390px;\n    backdrop-filter: blur(8px);\n  }\n\n  .moscow-head {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: 20px;\n    margin-bottom: 24px;\n  }\n\n  .moscow-title {\n    font-family: var(--e-global-typography-primary-font-family), system-ui, sans-serif;\n    font-size: 24px;\n    font-weight: 600;\n    line-height: 1.2;\n    letter-spacing: -0.03em;\n    color: #F7F7F7;\n    margin: 0;\n  }\n\n  .moscow-tag {\n    font-family: var(--e-global-typography-accent-font-family), system-ui, sans-serif;\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1;\n    letter-spacing: 0.28em;\n    text-transform: uppercase;\n    color: #FF6A00;\n    margin: 0;\n    white-space: nowrap;\n  }\n\n  .moscow-line {\n    width: 100%;\n    height: 2px;\n    background: #FF6A00;\n    margin-bottom: 28px;\n  }\n\n  .moscow-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .moscow-list li {\n    position: relative;\n    padding-left: 24px;\n    margin-bottom: 18px;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.6;\n    color: #A4A4A4;\n  }\n\n  .moscow-list li::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0.72em;\n    width: 7px;\n    height: 7px;\n    border-radius: 999px;\n    background: #FF6A00;\n  }\n\n  .moscow-list li:last-child {\n    margin-bottom: 0;\n  }\n\n  @media (max-width: 1100px) {\n    .moscow-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .moscow-card {\n      min-height: auto;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .moscow-card {\n      padding: 22px;\n      border-radius: 16px;\n    }\n\n    .moscow-title {\n      font-size: 21px;\n    }\n\n    .moscow-tag {\n      font-size: 10px;\n      letter-spacing: 0.22em;\n    }\n\n    .moscow-list li {\n      font-size: 15px;\n      line-height: 1.55;\n      margin-bottom: 16px;\n    }\n  }\n<\/style><\/p><div class=\"moscow-section\"><div class=\"moscow-grid\"><div class=\"moscow-card\"><div class=\"moscow-head\"><h3 class=\"moscow-title\">Must Have<\/h3><p class=\"moscow-tag\">MVP<\/p><\/div><div class=\"moscow-line\">\u00a0<\/div><ul class=\"moscow-list\"><li>Personalized feed based on onboarding interests<\/li><li>Category, price, distance, and date filters<\/li><li>Detail page with complete information, including accessibility<\/li><li>Profile with history and wishlist<\/li><li>Search with automatic suggestions<\/li><\/ul><\/div><div class=\"moscow-card\"><div class=\"moscow-head\"><h3 class=\"moscow-title\">Should Have<\/h3><p class=\"moscow-tag\">Important<\/p><\/div><div class=\"moscow-line\">\u00a0<\/div><ul class=\"moscow-list\"><li>Notifications and reminders for saved events<\/li><li>Indicator for tickets running out<\/li><li>Reviews and comments<\/li><li>Social login<\/li><\/ul><\/div><div class=\"moscow-card\"><div class=\"moscow-head\"><h3 class=\"moscow-title\">Could Have<\/h3><p class=\"moscow-tag\">Future<\/p><\/div><div class=\"moscow-line\">\u00a0<\/div><ul class=\"moscow-list\"><li>Spotify integration<\/li><li>See friends who are going to the event<\/li><li>Ticket resale channel<\/li><li>Combined advanced filters<\/li><\/ul><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62ad809 e-con-full e-flex e-con e-child\" data-id=\"62ad809\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-eb47583 e-con-full e-flex e-con e-child\" data-id=\"eb47583\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c6edc7 elementor-widget elementor-widget-heading\" data-id=\"2c6edc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">User flow<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0fd13a6 elementor-widget elementor-widget-text-editor\" data-id=\"0fd13a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 18px; font-weight: bold; margin-bottom: 0px;\">Discover and attend an event<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8dcc24 elementor-widget elementor-widget-text-editor\" data-id=\"a8dcc24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-dc-tpl=\"248\"><span class=\"sc-interp\">The main flow was designed around the \u201chappy path\u201d \u2014 the ideal, frictionless journey.<\/span><\/p><div data-dc-tpl=\"250\"><div class=\"frame\"><div class=\"empty\">\u00a0<\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcdbb37 elementor-widget elementor-widget-text-editor\" data-id=\"fcdbb37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><style>\n  .partiu-flow,\n  .partiu-flow * {\n    box-sizing: border-box;\n  }\n\n  .partiu-flow {\n    width: 100%;\n    max-width: 1440px;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    color: #F7F7F7;\n  }\n\n  .partiu-flow-row {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr) 42px minmax(0, 1fr) 42px minmax(0, 1fr);\n    align-items: stretch;\n    width: 100%;\n  }\n\n  .partiu-flow-card {\n    background: rgba(11, 13, 15, 0.78);\n    border: 1px solid rgba(255,255,255,0.10);\n    border-radius: 16px;\n    padding: 18px;\n    min-height: 205px;\n    width: 100%;\n  }\n\n  .partiu-flow-head {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 18px;\n  }\n\n  .partiu-flow-badge {\n    width: 32px;\n    height: 32px;\n    border-radius: 999px;\n    background: #FF6A00;\n    color: #FFFFFF;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    font-family: var(--e-global-typography-accent-font-family), system-ui, sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1;\n  }\n\n  .partiu-flow-title {\n    margin: 0;\n    color: #F7F7F7;\n    font-family: var(--e-global-typography-primary-font-family), system-ui, sans-serif;\n    font-size: 18px;\n    font-weight: 600;\n    line-height: 1.22;\n    letter-spacing: -0.02em;\n  }\n\n  .partiu-flow-item {\n    display: flex;\n    gap: 11px;\n    padding: 5px 0;\n    align-items: stretch;\n  }\n\n  .partiu-flow-item-bar {\n    width: 2px;\n    min-width: 2px;\n    border-radius: 99px;\n    background: rgba(255, 106, 0, 0.38);\n  }\n\n  .partiu-flow-item-text {\n    color: #A4A4A4;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.5;\n  }\n\n  .partiu-flow-arrow {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .partiu-flow-arrow::before {\n    content: \"\";\n    width: 22px;\n    height: 2px;\n    background: rgba(164,164,164,0.46);\n    border-radius: 99px;\n    display: block;\n  }\n\n  .partiu-flow-arrow::after {\n    content: \"\";\n    width: 8px;\n    height: 8px;\n    border-top: 2px solid rgba(164,164,164,0.46);\n    border-right: 2px solid rgba(164,164,164,0.46);\n    transform: rotate(45deg);\n    position: absolute;\n    right: 9px;\n  }\n\n  .partiu-flow-turn {\n    width: 100%;\n    height: 58px;\n    margin: 10px 0 18px;\n    display: block;\n  }\n\n  .partiu-flow-turn path {\n    stroke: rgba(164,164,164,0.46);\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    fill: none;\n  }\n\n  .partiu-flow-empty {\n    display: block;\n  }\n\n  @media (max-width: 1100px) {\n    .partiu-flow-row {\n      grid-template-columns: 1fr;\n      gap: 16px;\n    }\n\n    .partiu-flow-arrow,\n    .partiu-flow-turn,\n    .partiu-flow-empty {\n      display: none;\n    }\n\n    .partiu-flow-card {\n      min-height: auto;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .partiu-flow-card {\n      padding: 16px;\n      border-radius: 14px;\n    }\n\n    .partiu-flow-title {\n      font-size: 17px;\n    }\n\n    .partiu-flow-item-text {\n      font-size: 15px;\n    }\n  }\n<\/style><\/p><div class=\"partiu-flow\"><div class=\"partiu-flow-row\"><div class=\"partiu-flow-card\"><div class=\"partiu-flow-head\"><div class=\"partiu-flow-badge\">1<\/div><h3 class=\"partiu-flow-title\">Access<\/h3><\/div><div class=\"partiu-flow-item\"><div class=\"partiu-flow-item-bar\">\u00a0<\/div><div class=\"partiu-flow-item-text\">Login with email\/password or social media<\/div><\/div><div class=\"partiu-flow-item\"><div class=\"partiu-flow-item-bar\">\u00a0<\/div><div class=\"partiu-flow-item-text\">New users go through onboarding<\/div><\/div><\/div><div class=\"partiu-flow-arrow\">\u00a0<\/div><div class=\"partiu-flow-card\"><div class=\"partiu-flow-head\"><div class=\"partiu-flow-badge\">2<\/div><h3 class=\"partiu-flow-title\">Onboarding<\/h3><\/div><div class=\"partiu-flow-item\"><div class=\"partiu-flow-item-bar\">\u00a0<\/div><div class=\"partiu-flow-item-text\">Name and photo<\/div><\/div><div class=\"partiu-flow-item\"><div class=\"partiu-flow-item-bar\">\u00a0<\/div><div class=\"partiu-flow-item-text\">Location<\/div><\/div><div class=\"partiu-flow-item\"><div class=\"partiu-flow-item-bar\">\u00a0<\/div><div class=\"partiu-flow-item-text\">Interest categories<\/div><\/div><div class=\"partiu-flow-item\"><div class=\"partiu-flow-item-bar\">\u00a0<\/div><div class=\"partiu-flow-item-text\">Social media links (optional)<\/div><\/div><\/div><div class=\"partiu-flow-arrow\">\u00a0<\/div><div class=\"partiu-flow-card\"><div class=\"partiu-flow-head\"><div class=\"partiu-flow-badge\">3<\/div><h3 class=\"partiu-flow-title\">Personalized feed<\/h3><\/div><div class=\"partiu-flow-item\"><div class=\"partiu-flow-item-bar\">\u00a0<\/div><div class=\"partiu-flow-item-text\">Recommendations by location, interest, and behavior<\/div><\/div><div class=\"partiu-flow-item\"><div class=\"partiu-flow-item-bar\">\u00a0<\/div><div class=\"partiu-flow-item-text\">Quick filters<\/div><\/div><div class=\"partiu-flow-item\"><div class=\"partiu-flow-item-bar\">\u00a0<\/div><div class=\"partiu-flow-item-text\">Sections: Going out now, Your way<\/div><\/div><\/div><div class=\"partiu-flow-arrow\">\u00a0<\/div><div class=\"partiu-flow-card\"><div class=\"partiu-flow-head\"><div class=\"partiu-flow-badge\">4<\/div><h3 class=\"partiu-flow-title\">Search and filters<\/h3><\/div><div class=\"partiu-flow-item\"><div class=\"partiu-flow-item-bar\">\u00a0<\/div><div class=\"partiu-flow-item-text\">Search with automatic suggestions<\/div><\/div><div class=\"partiu-flow-item\"><div class=\"partiu-flow-item-bar\">\u00a0<\/div><div class=\"partiu-flow-item-text\">Filters by date, category, price, distance, and accessibility<\/div><\/div><\/div><\/div><div class=\"partiu-flow-row\"><div class=\"partiu-flow-card\"><div class=\"partiu-flow-head\"><div class=\"partiu-flow-badge\">5<\/div><h3 class=\"partiu-flow-title\">Event detail<\/h3><\/div><div class=\"partiu-flow-item\"><div class=\"partiu-flow-item-bar\">\u00a0<\/div><div class=\"partiu-flow-item-text\">Complete information and vibe<\/div><\/div><div class=\"partiu-flow-item\"><div class=\"partiu-flow-item-bar\">\u00a0<\/div><div class=\"partiu-flow-item-text\">Producer with \u201cFollow\u201d option<\/div><\/div><div class=\"partiu-flow-item\"><div class=\"partiu-flow-item-bar\">\u00a0<\/div><div class=\"partiu-flow-item-text\">CTA \u201cJoin for R$ X\u201d<\/div><\/div><\/div><div class=\"partiu-flow-arrow\">\u00a0<\/div><div class=\"partiu-flow-card\"><div class=\"partiu-flow-head\"><div class=\"partiu-flow-badge\">6<\/div><h3 class=\"partiu-flow-title\">Profile and history<\/h3><\/div><div class=\"partiu-flow-item\"><div class=\"partiu-flow-item-bar\">\u00a0<\/div><div class=\"partiu-flow-item-text\">Saved events<\/div><\/div><div class=\"partiu-flow-item\"><div class=\"partiu-flow-item-bar\">\u00a0<\/div><div class=\"partiu-flow-item-text\">Tickets<\/div><\/div><div class=\"partiu-flow-item\"><div class=\"partiu-flow-item-bar\">\u00a0<\/div><div class=\"partiu-flow-item-text\">Past events<\/div><\/div><\/div><div class=\"partiu-flow-empty\">\u00a0<\/div><div class=\"partiu-flow-empty\">\u00a0<\/div><div class=\"partiu-flow-empty\">\u00a0<\/div><div class=\"partiu-flow-empty\">\u00a0<\/div><div class=\"partiu-flow-empty\">\u00a0<\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02baf21 e-con-full e-flex e-con e-child\" data-id=\"02baf21\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f65f50b e-con-full e-flex e-con e-child\" data-id=\"f65f50b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e23b6e9 elementor-widget elementor-widget-heading\" data-id=\"e23b6e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Wireframes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-489b23e elementor-widget elementor-widget-text-editor\" data-id=\"489b23e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 18px; font-weight: bold; margin-bottom: 0px;\">Validating the structure before the visual design<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a968990 elementor-widget elementor-widget-text-editor\" data-id=\"a968990\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-dc-tpl=\"248\">Low-fidelity wireframes (375 \u00d7 812 px) validated the information architecture and the flow between screens before any visual decision.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e19814 e-con-full e-flex e-con e-child\" data-id=\"4e19814\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1cbb1c0 e-con-full e-flex e-con e-child\" data-id=\"1cbb1c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5e0a7e elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"e5e0a7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004728.png\" class=\"attachment-large size-large wp-image-901\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004728.png 390w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004728-139x300.png 139w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004728-6x12.png 6w\" sizes=\"(max-width: 390px) 100vw, 390px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d266272 elementor-widget elementor-widget-text-editor\" data-id=\"d266272\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Onboarding<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d3ba26c e-con-full e-flex e-con e-child\" data-id=\"d3ba26c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09d3be2 elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"09d3be2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004729.png\" class=\"attachment-large size-large wp-image-902\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004729.png 390w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004729-139x300.png 139w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004729-6x12.png 6w\" sizes=\"(max-width: 390px) 100vw, 390px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ef4f53 elementor-widget elementor-widget-text-editor\" data-id=\"9ef4f53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Home \/ Feed<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-843c856 e-con-full e-flex e-con e-child\" data-id=\"843c856\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-477c7f6 elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"477c7f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004730.png\" class=\"attachment-large size-large wp-image-903\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004730.png 390w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004730-139x300.png 139w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004730-6x12.png 6w\" sizes=\"(max-width: 390px) 100vw, 390px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a56f4b elementor-widget elementor-widget-text-editor\" data-id=\"8a56f4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Event detail<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-81cf650 e-con-full e-flex e-con e-child\" data-id=\"81cf650\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d13999 elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"9d13999\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004731.png\" class=\"attachment-large size-large wp-image-904\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004731.png 390w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004731-139x300.png 139w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004731-6x12.png 6w\" sizes=\"(max-width: 390px) 100vw, 390px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0b1e69 elementor-widget elementor-widget-text-editor\" data-id=\"a0b1e69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Tickets<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be1efa6 e-con-full e-flex e-con e-child\" data-id=\"be1efa6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-581d251 elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"581d251\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004732.png\" class=\"attachment-large size-large wp-image-905\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004732.png 390w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004732-139x300.png 139w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004732-6x12.png 6w\" sizes=\"(max-width: 390px) 100vw, 390px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5c4b09 elementor-widget elementor-widget-text-editor\" data-id=\"e5c4b09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Search and filters<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-147633a e-con-full e-flex e-con e-child\" data-id=\"147633a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15200f7 elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"15200f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004733.png\" class=\"attachment-large size-large wp-image-906\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004733.png 390w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004733-139x300.png 139w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Frame-1000004733-6x12.png 6w\" sizes=\"(max-width: 390px) 100vw, 390px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5518b88 elementor-widget elementor-widget-text-editor\" data-id=\"5518b88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Map<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-48d9f82 e-con-full e-flex e-con e-child\" data-id=\"48d9f82\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1df68e2 e-con-full e-flex e-con e-child\" data-id=\"1df68e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b0762d elementor-widget elementor-widget-heading\" data-id=\"9b0762d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Exploratory prototype \/ Lovable<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8bb6ee6 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"8bb6ee6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 6px; line-height: 1.3;\"><br \/>Mid-fidelity wireframes<\/h3><p data-dc-tpl=\"248\">Exploratory prototype created in Lovable to quickly validate the screen structure, the main flow, and the information architecture before visual refinement.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b04b41 e-con-full e-flex e-con e-child\" data-id=\"7b04b41\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98e08fe elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"98e08fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"384\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Lovable-frames-768x384.png\" class=\"attachment-medium_large size-medium_large wp-image-1090\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Lovable-frames-768x384.png 768w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Lovable-frames-300x150.png 300w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Lovable-frames-1024x512.png 1024w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Lovable-frames-1536x768.png 1536w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Lovable-frames-18x9.png 18w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Lovable-frames.png 1735w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-400ae8a e-con-full e-flex e-con e-child\" data-id=\"400ae8a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3cf4995 e-con-full e-flex e-con e-child\" data-id=\"3cf4995\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ea8419 elementor-widget elementor-widget-heading\" data-id=\"3ea8419\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Design system<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2638d3a elementor-widget elementor-widget-text-editor\" data-id=\"2638d3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 18px; font-weight: bold; margin-bottom: 0px;\">Building before designing screens<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-97d06a3 elementor-widget elementor-widget-text-editor\" data-id=\"97d06a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-dc-tpl=\"248\">The design system was fully developed before any high-fidelity screen. This decision accelerated production, ensured consistency, and eliminated rework \u2014 organized into 13 sections.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3badc44 e-grid e-con-full e-con e-child\" data-id=\"3badc44\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89105d0 elementor-widget elementor-widget-image\" data-id=\"89105d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"446\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDES-1024x571.png\" class=\"attachment-large size-large wp-image-918\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDES-1024x571.png 1024w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDES-300x167.png 300w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDES-768x428.png 768w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDES-1536x856.png 1536w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDES-18x10.png 18w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDES.png 1938w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30c2356 elementor-widget elementor-widget-image\" data-id=\"30c2356\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"446\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-5-1024x571.png\" class=\"attachment-large size-large wp-image-911\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-5-1024x571.png 1024w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-5-300x167.png 300w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-5-768x428.png 768w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-5-1536x856.png 1536w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-5-18x10.png 18w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-5.png 1938w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f7a8ce elementor-widget elementor-widget-image\" data-id=\"1f7a8ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-17-1024x576.png\" class=\"attachment-large size-large wp-image-915\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-17-1024x576.png 1024w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-17-300x169.png 300w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-17-768x432.png 768w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-17-1536x864.png 1536w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-17-18x10.png 18w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-17.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3507db elementor-widget elementor-widget-image\" data-id=\"c3507db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-10-1024x576.png\" class=\"attachment-large size-large wp-image-913\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-10-1024x576.png 1024w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-10-300x169.png 300w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-10-768x432.png 768w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-10-1536x864.png 1536w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-10-18x10.png 18w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-10.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-314bbd9 elementor-widget elementor-widget-image\" data-id=\"314bbd9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-9-1024x576.png\" class=\"attachment-large size-large wp-image-912\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-9-1024x576.png 1024w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-9-300x169.png 300w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-9-768x432.png 768w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-9-1536x864.png 1536w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-9-18x10.png 18w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-9.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5528c61 elementor-widget elementor-widget-image\" data-id=\"5528c61\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-11B-1024x576.png\" class=\"attachment-large size-large wp-image-914\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-11B-1024x576.png 1024w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-11B-300x169.png 300w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-11B-768x432.png 768w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-11B-1536x864.png 1536w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-11B-18x10.png 18w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-11B.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd1597f elementor-widget elementor-widget-image\" data-id=\"fd1597f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-18-1024x576.png\" class=\"attachment-large size-large wp-image-916\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-18-1024x576.png 1024w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-18-300x169.png 300w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-18-768x432.png 768w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-18-1536x864.png 1536w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-18-18x10.png 18w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-18.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4e1124 elementor-widget elementor-widget-image\" data-id=\"b4e1124\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"446\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-19-1024x571.png\" class=\"attachment-large size-large wp-image-917\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-19-1024x571.png 1024w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-19-300x167.png 300w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-19-768x428.png 768w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-19-1536x856.png 1536w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-19-18x10.png 18w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/SLIDE-19.png 1938w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c9bcfe elementor-widget elementor-widget-text-editor\" data-id=\"7c9bcfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-dc-tpl=\"248\">Based on this foundation, the UI Kit was organized into 13 component groups, covering everything from visual foundations to complex navigation patterns, filters, maps, cards, and interface states.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9bf7ac2 elementor-widget elementor-widget-text-editor\" data-id=\"9bf7ac2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  .ds2-grid-wrap,\n  .ds2-grid-wrap * {\n    box-sizing: border-box;\n  }\n\n  .ds2-grid-wrap {\n    width: 100%;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    color: #F7F7F7;\n  }\n\n  .ds2-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    border: 1px solid rgba(255,255,255,0.10);\n    border-radius: 16px;\n    overflow: hidden;\n    background: rgba(11,13,15,0.46);\n  }\n\n  .ds2-card,\n  .ds2-empty {\n    min-height: 155px;\n    border-right: 1px solid rgba(255,255,255,0.10);\n    border-bottom: 1px solid rgba(255,255,255,0.10);\n  }\n\n  .ds2-card {\n    padding: 20px 22px;\n    background: rgba(11,13,15,0.42);\n  }\n\n  .ds2-empty {\n    background: transparent;\n  }\n\n  .ds2-card:nth-child(4n),\n  .ds2-empty:nth-child(4n) {\n    border-right: none;\n  }\n\n  .ds2-card:nth-last-child(-n+4),\n  .ds2-empty:nth-last-child(-n+4) {\n    border-bottom: none;\n  }\n\n  .ds2-head {\n    display: flex;\n    align-items: baseline;\n    gap: 10px;\n    margin-bottom: 12px;\n  }\n\n  .ds2-number {\n    font-family: var(--e-global-typography-accent-font-family), system-ui, sans-serif;\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1;\n    color: #FF6A00;\n    letter-spacing: 0.08em;\n    flex-shrink: 0;\n  }\n\n  .ds2-title {\n    font-family: var(--e-global-typography-primary-font-family), system-ui, sans-serif;\n    font-size: 18px;\n    font-weight: 600;\n    line-height: 1.18;\n    letter-spacing: -0.03em;\n    color: #F7F7F7;\n    margin: 0;\n  }\n\n  .ds2-text {\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 1.45;\n    color: #A4A4A4;\n    margin: 0;\n    max-width: 220px;\n  }\n\n  @media (max-width: 1100px) {\n    .ds2-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .ds2-card,\n    .ds2-empty {\n      min-height: 145px;\n    }\n\n    .ds2-card:nth-child(4n),\n    .ds2-empty:nth-child(4n) {\n      border-right: 1px solid rgba(255,255,255,0.10);\n    }\n\n    .ds2-card:nth-child(2n),\n    .ds2-empty:nth-child(2n) {\n      border-right: none;\n    }\n\n    .ds2-card:nth-last-child(-n+4),\n    .ds2-empty:nth-last-child(-n+4) {\n      border-bottom: 1px solid rgba(255,255,255,0.10);\n    }\n\n    .ds2-card:nth-last-child(-n+2),\n    .ds2-empty:nth-last-child(-n+2) {\n      border-bottom: none;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .ds2-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .ds2-card {\n      min-height: auto;\n      padding: 20px;\n      border-right: none !important;\n      border-bottom: 1px solid rgba(255,255,255,0.10) !important;\n    }\n\n    .ds2-empty {\n      display: none;\n    }\n\n    .ds2-card:last-of-type {\n      border-bottom: none !important;\n    }\n\n    .ds2-title {\n      font-size: 17px;\n    }\n\n    .ds2-text {\n      font-size: 14px;\n      line-height: 1.45;\n    }\n  }\n<\/style>\n\n<div class=\"ds2-grid-wrap\">\n  <div class=\"ds2-grid\">\n\n    <div class=\"ds2-card\">\n      <div class=\"ds2-head\">\n        <span class=\"ds2-number\">01<\/span>\n        <h3 class=\"ds2-title\">Foundations<\/h3>\n      <\/div>\n      <p class=\"ds2-text\">Palette, typography, spacing, and mobile grid.<\/p>\n    <\/div>\n\n    <div class=\"ds2-card\">\n      <div class=\"ds2-head\">\n        <span class=\"ds2-number\">02<\/span>\n        <h3 class=\"ds2-title\">Atoms<\/h3>\n      <\/div>\n      <p class=\"ds2-text\">Badge\/Tag, Avatar, Toggle, Rating, and Chip\/Filter.<\/p>\n    <\/div>\n\n    <div class=\"ds2-card\">\n      <div class=\"ds2-head\">\n        <span class=\"ds2-number\">03<\/span>\n        <h3 class=\"ds2-title\">Forms<\/h3>\n      <\/div>\n      <p class=\"ds2-text\">Input, Email, Password, Search, Select, and Textarea \u2014 6 states each.<\/p>\n    <\/div>\n\n    <div class=\"ds2-card\">\n      <div class=\"ds2-head\">\n        <span class=\"ds2-number\">04<\/span>\n        <h3 class=\"ds2-title\">Buttons<\/h3>\n      <\/div>\n      <p class=\"ds2-text\">9 variants \u00d7 4 states; Tabler icon via boolean property.<\/p>\n    <\/div>\n\n    <div class=\"ds2-card\">\n      <div class=\"ds2-head\">\n        <span class=\"ds2-number\">05<\/span>\n        <h3 class=\"ds2-title\">Cards<\/h3>\n      <\/div>\n      <p class=\"ds2-text\">Vertical, horizontal, small, curated, trending, nearby, ticket, and saved.<\/p>\n    <\/div>\n\n    <div class=\"ds2-card\">\n      <div class=\"ds2-head\">\n        <span class=\"ds2-number\">06<\/span>\n        <h3 class=\"ds2-title\">Navigation<\/h3>\n      <\/div>\n      <p class=\"ds2-text\">Bottom Nav with 4 tabs and Top Bar in Default, Back, Search, and Transparent states.<\/p>\n    <\/div>\n\n    <div class=\"ds2-card\">\n      <div class=\"ds2-head\">\n        <span class=\"ds2-number\">07<\/span>\n        <h3 class=\"ds2-title\">Map<\/h3>\n      <\/div>\n      <p class=\"ds2-text\">Map Pin with state \u00d7 category; default, selected, and cluster.<\/p>\n    <\/div>\n\n    <div class=\"ds2-card\">\n      <div class=\"ds2-head\">\n        <span class=\"ds2-number\">08<\/span>\n        <h3 class=\"ds2-title\">Compositions<\/h3>\n      <\/div>\n      <p class=\"ds2-text\">Filter Row, Section Header, Avatar Group, and Organizer Card.<\/p>\n    <\/div>\n\n    <div class=\"ds2-card\">\n      <div class=\"ds2-head\">\n        <span class=\"ds2-number\">09<\/span>\n        <h3 class=\"ds2-title\">Onboarding<\/h3>\n      <\/div>\n      <p class=\"ds2-text\">Progress Bar with 5 steps, selection cards, and category cards.<\/p>\n    <\/div>\n\n    <div class=\"ds2-card\">\n      <div class=\"ds2-head\">\n        <span class=\"ds2-number\">10<\/span>\n        <h3 class=\"ds2-title\">Advanced filters<\/h3>\n      <\/div>\n      <p class=\"ds2-text\">Bottom Sheet with category, date, price, and location accordions.<\/p>\n    <\/div>\n\n    <div class=\"ds2-card\">\n      <div class=\"ds2-head\">\n        <span class=\"ds2-number\">11<\/span>\n        <h3 class=\"ds2-title\">Illustrations<\/h3>\n      <\/div>\n      <p class=\"ds2-text\">4 flat editorial illustrations for onboarding.<\/p>\n    <\/div>\n\n    <div class=\"ds2-card\">\n      <div class=\"ds2-head\">\n        <span class=\"ds2-number\">12<\/span>\n        <h3 class=\"ds2-title\">Icons<\/h3>\n      <\/div>\n      <p class=\"ds2-text\">Complete Tabler Line Rounded set.<\/p>\n    <\/div>\n\n    <div class=\"ds2-card\">\n      <div class=\"ds2-head\">\n        <span class=\"ds2-number\">13<\/span>\n        <h3 class=\"ds2-title\">Images<\/h3>\n      <\/div>\n      <p class=\"ds2-text\">Biblioteca de imagens de eventos para cards, headers e estados editoriais do produto.<\/p>\n    <\/div>\n\n    <div class=\"ds2-empty\"><\/div>\n    <div class=\"ds2-empty\"><\/div>\n    <div class=\"ds2-empty\"><\/div>\n\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-61b7550 e-con-full e-flex e-con e-child\" data-id=\"61b7550\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c111cda e-con-full e-flex e-con e-child\" data-id=\"c111cda\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ee5f89 elementor-widget elementor-widget-heading\" data-id=\"5ee5f89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">High-fidelity prototype<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53753b5 elementor-widget elementor-widget-text-editor\" data-id=\"53753b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 18px; font-weight: bold; margin-bottom: 0px;\">\u00a0From research to screen<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-423314e elementor-widget elementor-widget-text-editor\" data-id=\"423314e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-dc-tpl=\"248\">With the design system established, the screens followed the guidelines: light mode with #FAFAFA background, orange-to-purple radial gradient in the main headers, white cards with soft shadow, Plus Jakarta Sans, and orange used sparingly.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf2c8b3 e-con-full e-flex e-con e-child\" data-id=\"bf2c8b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2d45072 e-con-full e-flex e-con e-child\" data-id=\"2d45072\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec78d73 elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"ec78d73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Home1.png\" class=\"attachment-large size-large wp-image-953\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Home1.png 390w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Home1-139x300.png 139w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Home1-6x12.png 6w\" sizes=\"(max-width: 390px) 100vw, 390px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39bc653 elementor-widget elementor-widget-text-editor\" data-id=\"39bc653\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 6px; line-height: 1.3;\">\nHome<\/h3>\n<p style=\"font-size: 16px; font-weight: 400; margin: 0; line-height: 1.6; color: #6b6b75;\">Gradient header, greeting, search, quick filters, and card sections.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2de19ee e-con-full e-flex e-con e-child\" data-id=\"2de19ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e18cb4d elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"e18cb4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Estado-2-\u2014-Meio.png\" class=\"attachment-large size-large wp-image-942\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Estado-2-\u2014-Meio.png 390w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Estado-2-\u2014-Meio-139x300.png 139w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Estado-2-\u2014-Meio-6x12.png 6w\" sizes=\"(max-width: 390px) 100vw, 390px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-001b4a2 elementor-widget elementor-widget-text-editor\" data-id=\"001b4a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 6px; line-height: 1.3;\">Map<\/h3>\n<p style=\"font-size: 16px; font-weight: 400; margin: 0; line-height: 1.6; color: #6b6b75;\">Location view, nearby events, interactive pins, and map navigation.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b4e1e1c e-con-full e-flex e-con e-child\" data-id=\"b4e1e1c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-297370c elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"297370c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"393\" height=\"852\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/onboarding-4-\u2014-Redes.png\" class=\"attachment-large size-large wp-image-944\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/onboarding-4-\u2014-Redes.png 393w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/onboarding-4-\u2014-Redes-138x300.png 138w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/onboarding-4-\u2014-Redes-6x12.png 6w\" sizes=\"(max-width: 393px) 100vw, 393px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e3ef9a elementor-widget elementor-widget-text-editor\" data-id=\"4e3ef9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 6px; line-height: 1.3;\">Onboarding<\/h3>\n<p style=\"font-size: 16px; font-weight: 400; margin: 0; line-height: 1.6; color: #6b6b75;\">Initial setup, location, interest preferences, and experience personalization.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd0a535 e-con-full e-flex e-con e-child\" data-id=\"bd0a535\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fffc87 elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"9fffc87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Detalhe-do-Evento.png\" class=\"attachment-large size-large wp-image-940\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Detalhe-do-Evento.png 390w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Detalhe-do-Evento-139x300.png 139w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Detalhe-do-Evento-6x12.png 6w\" sizes=\"(max-width: 390px) 100vw, 390px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37e3456 elementor-widget elementor-widget-text-editor\" data-id=\"37e3456\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 6px; line-height: 1.3;\">\nEvent detail<\/h3>\n<p style=\"font-size: 16px; font-weight: 400; margin: 0; line-height: 1.6; color: #6b6b75;\">Complete information, event vibe, producer, accessibility, social proof, and ticket CTA.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b4ca0c e-con-full e-flex e-con e-child\" data-id=\"5b4ca0c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13a2671 elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"13a2671\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Detalhe-do-Ingresso.png\" class=\"attachment-large size-large wp-image-941\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Detalhe-do-Ingresso.png 390w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Detalhe-do-Ingresso-139x300.png 139w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/Detalhe-do-Ingresso-6x12.png 6w\" sizes=\"(max-width: 390px) 100vw, 390px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55d3851 elementor-widget elementor-widget-text-editor\" data-id=\"55d3851\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 6px; line-height: 1.3;\">\nTickets<\/h3>\n<p style=\"font-size: 16px; font-weight: 400; margin: 0; line-height: 1.6; color: #6b6b75;\">Saved ticket, available proof, and organized access inside the app.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f71831a e-con-full e-flex e-con e-child\" data-id=\"f71831a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09151bf elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"09151bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/PERFIL.png\" class=\"attachment-large size-large wp-image-951\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/PERFIL.png 390w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/PERFIL-139x300.png 139w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/07\/PERFIL-6x12.png 6w\" sizes=\"(max-width: 390px) 100vw, 390px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29ec202 elementor-widget elementor-widget-text-editor\" data-id=\"29ec202\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 6px; line-height: 1.3;\">\nProfile and history<\/h3>\n<p style=\"font-size: 16px; font-weight: 400; margin: 0; line-height: 1.6; color: #6b6b75;\">Saved events, tickets, past event history, and user preferences.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b99b66 e-con-full e-flex e-con e-child\" data-id=\"9b99b66\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-127d6a1 e-con-full e-flex e-con e-child\" data-id=\"127d6a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91f336f elementor-widget elementor-widget-heading\" data-id=\"91f336f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tools and AI<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1219d9e elementor-widget elementor-widget-text-editor\" data-id=\"1219d9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 18px; font-weight: bold; margin-bottom: 0px;\">AI-assisted process<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b3e14c elementor-widget elementor-widget-text-editor\" data-id=\"2b3e14c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-dc-tpl=\"248\">Artificial intelligence was integrated into the process with well-defined roles at each stage \u2014 always guided by human design decisions.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0bde4e5 elementor-widget elementor-widget-text-editor\" data-id=\"0bde4e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  .ai-tools-section,\n  .ai-tools-section * {\n    box-sizing: border-box;\n  }\n\n  .ai-tools-section {\n    width: 100%;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    color: #F7F7F7;\n  }\n\n  .ai-tools-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 18px;\n    width: 100%;\n  }\n\n  .ai-tool-card {\n    background: rgba(255,255,255,0.035);\n    border: 1px solid rgba(255,255,255,0.12);\n    border-radius: 16px;\n    padding: 28px;\n    min-height: 220px;\n  }\n\n  .ai-tool-icon {\n    width: 44px;\n    height: 44px;\n    border-radius: 12px;\n    background: linear-gradient(135deg, #FF6A00 0%, #C197FF 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 22px;\n    color: #FFFFFF;\n    font-family: var(--e-global-typography-accent-font-family), system-ui, sans-serif;\n    font-size: 20px;\n    font-weight: 600;\n    line-height: 1;\n  }\n\n  .ai-tool-title {\n    margin: 0 0 14px;\n    font-family: var(--e-global-typography-primary-font-family), system-ui, sans-serif;\n    font-size: 21px;\n    font-weight: 600;\n    line-height: 1.25;\n    letter-spacing: -0.03em;\n    color: #F7F7F7;\n  }\n\n  .ai-tool-text {\n    margin: 0;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.6;\n    letter-spacing: -0.01em;\n    color: rgba(247,247,247,0.58);\n  }\n\n  @media (max-width: 1024px) {\n    .ai-tools-grid {\n      grid-template-columns: 1fr;\n      gap: 16px;\n    }\n\n    .ai-tool-card {\n      min-height: auto;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .ai-tool-card {\n      padding: 22px;\n      border-radius: 14px;\n    }\n\n    .ai-tool-title {\n      font-size: 19px;\n    }\n\n    .ai-tool-text {\n      font-size: 15px;\n    }\n  }\n<\/style>\n\n<div class=\"ai-tools-section\">\n  <div class=\"ai-tools-grid\">\n\n    <div class=\"ai-tool-card\">\n      <div class=\"ai-tool-icon\">G<\/div>\n      <h3 class=\"ai-tool-title\">Gemini Deep Research<\/h3>\n      <p class=\"ai-tool-text\">\n        Desk research and synthesis of secondary data about the market and user behavior.\n      <\/p>\n    <\/div>\n\n    <div class=\"ai-tool-card\">\n      <div class=\"ai-tool-icon\">L<\/div>\n      <h3 class=\"ai-tool-title\">Lovable<\/h3>\n      <p class=\"ai-tool-text\">\n        Mid-fidelity prototyping \u2014 a quick screen structure to validate the information architecture.\n      <\/p>\n    <\/div>\n\n    <div class=\"ai-tool-card\">\n      <div class=\"ai-tool-icon\">C<\/div>\n      <h3 class=\"ai-tool-title\">Claude + Figma MCP<\/h3>\n      <p class=\"ai-tool-text\">\n        High-fidelity prototyping in Figma \u2014 componentization, interactions, and automation via Desktop Bridge.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8464ced elementor-widget elementor-widget-text-editor\" data-id=\"8464ced\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div style=\"width: 100%; box-sizing: border-box; display: flex; align-items: flex-start; gap: 16px; font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\"><div style=\"width: 4px; min-width: 4px; height: 56px; background: #FF6A00; border-radius: 99px; margin-top: 4px;\">\u00a0<\/div><p style=\"margin: 0; font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.6; color: rgba(247,247,247,0.78); max-width: 920px;\" data-dc-tpl=\"248\">The tools accelerated execution, but the conceptual, visual, and experience choices were made by the team.<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8c804e3 e-con-full e-flex e-con e-child\" data-id=\"8c804e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-660217e e-con-full e-flex e-con e-child\" data-id=\"660217e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bd0451 elementor-widget elementor-widget-heading\" data-id=\"5bd0451\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Business model<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66a3102 elementor-widget elementor-widget-text-editor\" data-id=\"66a3102\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 18px; font-weight: bold; margin-bottom: 0px;\">Viability beyond the interface<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f9d259 elementor-widget elementor-widget-text-editor\" data-id=\"9f9d259\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-dc-tpl=\"248\">A Business Model Canvas contextualized the product as a digital business.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25bab74 elementor-widget elementor-widget-text-editor\" data-id=\"25bab74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  .business-model-section,\n  .business-model-section * {\n    box-sizing: border-box;\n  }\n\n  .business-model-section {\n    width: 100%;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    color: #F7F7F7;\n  }\n\n  .business-model-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 18px;\n    width: 100%;\n  }\n\n  .business-card {\n    background: rgba(255,255,255,0.035);\n    border: 1px solid rgba(255,255,255,0.10);\n    border-radius: 16px;\n    padding: 26px 28px;\n    min-height: 210px;\n  }\n\n  .business-label {\n    margin: 0 0 22px;\n    font-family: var(--e-global-typography-accent-font-family), system-ui, sans-serif;\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1;\n    letter-spacing: 0.28em;\n    text-transform: uppercase;\n    color: #FF6A00;\n  }\n\n  .business-text {\n    margin: 0;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    font-size: 18px;\n    font-weight: 400;\n    line-height: 1.65;\n    letter-spacing: -0.02em;\n    color: rgba(247,247,247,0.72);\n  }\n\n  @media (max-width: 1024px) {\n    .business-model-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .business-card {\n      min-height: auto;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .business-model-grid {\n      grid-template-columns: 1fr;\n      gap: 16px;\n    }\n\n    .business-card {\n      padding: 22px;\n      border-radius: 14px;\n    }\n\n    .business-text {\n      font-size: 16px;\n    }\n  }\n<\/style>\n\n<div class=\"business-model-section\">\n  <div class=\"business-model-grid\">\n\n    <div class=\"business-card\">\n      <p class=\"business-label\">Value proposition<\/p>\n      <p class=\"business-text\">\n        Easy, personalized discovery; centralized by region, price, and category; smart notifications; a solution for independent producers.\n      <\/p>\n    <\/div>\n\n    <div class=\"business-card\">\n      <p class=\"business-label\">Segments<\/p>\n      <p class=\"business-text\">\n        Urban young adults aged 18\u201340; tourists and new residents; organizers; small businesses and cultural venues.\n      <\/p>\n    <\/div>\n\n    <div class=\"business-card\">\n      <p class=\"business-label\">Channels<\/p>\n      <p class=\"business-text\">\n        iOS\/Android app; responsive website; Instagram, TikTok, Facebook; email; local influencers.\n      <\/p>\n    <\/div>\n\n    <div class=\"business-card\">\n      <p class=\"business-label\">Revenue<\/p>\n      <p class=\"business-text\">\n        icket commissions; premium plans for organizers; targeted advertising; sponsorships; featured placements.\n      <\/p>\n    <\/div>\n\n    <div class=\"business-card\">\n      <p class=\"business-label\">Partners<\/p>\n      <p class=\"business-text\">\n        Organizers, concert venues, cultural spaces; ticketing platforms; local creators.\n      <\/p>\n    <\/div>\n\n    <div class=\"business-card\">\n      <p class=\"business-label\">Costs<\/p>\n      <p class=\"business-text\">\n        Development and technology; marketing and acquisition; support; content curation.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5297e75 e-con-full e-flex e-con e-child\" data-id=\"5297e75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3703c50 e-con-full e-flex e-con e-child\" data-id=\"3703c50\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9aa0b38 elementor-widget elementor-widget-heading\" data-id=\"9aa0b38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Learnings<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fe23ce elementor-widget elementor-widget-text-editor\" data-id=\"6fe23ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 18px; font-weight: bold; margin-bottom: 0px;\">Key takeaways<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f133fa9 elementor-widget elementor-widget-text-editor\" data-id=\"f133fa9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  .learnings-list,\n  .learnings-list * {\n    box-sizing: border-box;\n  }\n\n  .learnings-list {\n    width: 100%;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    color: #F7F7F7;\n  }\n\n  .learning-item {\n    display: grid;\n    grid-template-columns: 42px 1fr;\n    gap: 20px;\n    padding: 0 0 18px;\n    margin-bottom: 18px;\n    border-bottom: 1px solid rgba(255,255,255,0.10);\n  }\n\n  .learning-number {\n    font-family: var(--e-global-typography-accent-font-family), system-ui, sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.6;\n    color: #FF6A00;\n    letter-spacing: 0.04em;\n  }\n\n  .learning-text {\n    margin: 0;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.65;\n    color: rgba(247,247,247,0.78);\n    max-width: 920px;\n  }\n\n  @media (max-width: 767px) {\n    .learning-item {\n      grid-template-columns: 34px 1fr;\n      gap: 14px;\n      padding-bottom: 16px;\n      margin-bottom: 16px;\n    }\n\n    .learning-text {\n      font-size: 15px;\n    }\n  }\n<\/style>\n\n<div class=\"learnings-list\">\n\n  <div class=\"learning-item\">\n    <div class=\"learning-number\">01<\/div>\n    <p class=\"learning-text\">The research with 127 respondents anchored decisions in real data \u2014 without it, initial hypotheses would have guided the design in the wrong direction.<\/p>\n  <\/div>\n\n  <div class=\"learning-item\">\n    <div class=\"learning-number\">02<\/div>\n    <p class=\"learning-text\">Building the design system before the screens accelerated production and ensured consistency. The time invested paid dividends with each new screen.<\/p>\n  <\/div>\n\n  <div class=\"learning-item\">\n    <div class=\"learning-number\">03<\/div>\n    <p class=\"learning-text\">Clarity around archetypes, tone of voice, and palette before designing screens eliminated visual uncertainty during construction.<\/p>\n  <\/div>\n\n  <div class=\"learning-item\">\n    <div class=\"learning-number\">04<\/div>\n    <p class=\"learning-text\">Human-AI collaboration accelerated the process without compromising quality \u2014 as long as the roles were clearly defined.<\/p>\n  <\/div>\n\n  <div class=\"learning-item\">\n    <div class=\"learning-number\">05<\/div>\n    <p class=\"learning-text\">The illustration system brought emotional cohesion to onboarding and reinforced the brand identity.<\/p>\n  <\/div>\n\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44666da e-con-full e-flex e-con e-child\" data-id=\"44666da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-17adefe e-con-full e-flex e-con e-child\" data-id=\"17adefe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f16fa27 elementor-widget elementor-widget-heading\" data-id=\"f16fa27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Next steps<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ecc1f62 elementor-widget elementor-widget-text-editor\" data-id=\"ecc1f62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"font-size: 18px; font-weight: bold; margin-bottom: 0px;\">What comes next<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c24d02 elementor-widget elementor-widget-text-editor\" data-id=\"3c24d02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  .next-steps-section,\n  .next-steps-section * {\n    box-sizing: border-box;\n  }\n\n  .next-steps-section {\n    width: 100%;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    color: #F7F7F7;\n  }\n\n  .next-steps-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 18px;\n    width: 100%;\n  }\n\n  .next-step-card {\n    display: flex;\n    align-items: flex-start;\n    gap: 18px;\n    background: rgba(255,255,255,0.035);\n    border: 1px solid rgba(255,255,255,0.10);\n    border-radius: 16px;\n    padding: 24px;\n    min-height: 138px;\n  }\n\n  .next-step-icon {\n    width: 32px;\n    height: 32px;\n    min-width: 32px;\n    border: 2px solid #FF6A00;\n    border-radius: 8px;\n    color: #FF6A00;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: var(--e-global-typography-accent-font-family), system-ui, sans-serif;\n    font-size: 20px;\n    font-weight: 600;\n    line-height: 1;\n    margin-top: 2px;\n  }\n\n  .next-step-text {\n    margin: 0;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.6;\n    color: rgba(247,247,247,0.78);\n  }\n\n  @media (max-width: 1024px) {\n    .next-steps-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 767px) {\n    .next-steps-grid {\n      grid-template-columns: 1fr;\n      gap: 16px;\n    }\n\n    .next-step-card {\n      padding: 22px;\n      min-height: auto;\n      border-radius: 14px;\n    }\n\n    .next-step-text {\n      font-size: 15px;\n    }\n  }\n<\/style>\n\n<div class=\"next-steps-section\">\n  <div class=\"next-steps-grid\">\n\n    <div class=\"next-step-card\">\n      <div class=\"next-step-icon\">\u2192<\/div>\n      <p class=\"next-step-text\">Moderated usability tests with residents of the Recife Metropolitan Area.<\/p>\n    <\/div>\n\n    <div class=\"next-step-card\">\n      <div class=\"next-step-icon\">\u2192<\/div>\n      <p class=\"next-step-text\">Validate onboarding and map-based discovery with real users.<\/p>\n    <\/div>\n\n    <div class=\"next-step-card\">\n      <div class=\"next-step-icon\">\u2192<\/div>\n      <p class=\"next-step-text\">Features for independent producers: promotion and basic analytics.<\/p>\n    <\/div>\n\n    <div class=\"next-step-card\">\n      <div class=\"next-step-icon\">\u2192<\/div>\n      <p class=\"next-step-text\">More sophisticated recommendation mechanisms.<\/p>\n    <\/div>\n\n    <div class=\"next-step-card\">\n      <div class=\"next-step-icon\">\u2192<\/div>\n      <p class=\"next-step-text\">Complete the purchase flow: checkout and confirmation.<\/p>\n    <\/div>\n\n    <div class=\"next-step-card\">\n      <div class=\"next-step-icon\">\u2192<\/div>\n      <p class=\"next-step-text\">Iterate the product based on real feedback from the region.<\/p>\n    <\/div>\n\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32c16f4 elementor-widget elementor-widget-text-editor\" data-id=\"32c16f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><style>\n  .partiu-footer,\n  .partiu-footer * {\n    box-sizing: border-box;\n  }\n\n  .partiu-footer {\n    width: 100%;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    color: #F7F7F7;\n    padding: 72px 0 40px;\n  }\n\n  .partiu-footer-inner {\n    width: 100%;\n    max-width: 1220px;\n    margin: 0 auto;\n  }\n\n  .partiu-footer-logo {\n    color: #F7F7F7;\n    width: 74px;\n    margin-bottom: 58px;\n  }\n\n  .partiu-footer-logo svg {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .partiu-footer-title {\n    margin: 0;\n    font-family: var(--e-global-typography-primary-font-family), system-ui, sans-serif;\n    font-size: 40px;\n    font-weight: 600;\n    line-height: 1.22;\n    letter-spacing: -0.04em;\n    color: #F7F7F7;\n    max-width: 760px;\n  }\n\n  .partiu-footer-line {\n    width: 100%;\n    height: 1px;\n    background: rgba(255,255,255,0.12);\n    margin: 38px 0 28px;\n  }\n\n  .partiu-footer-meta {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 24px;\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.6;\n    color: rgba(247,247,247,0.50);\n  }\n\n  @media (max-width: 767px) {\n    .partiu-footer {\n      padding: 56px 0 32px;\n    }\n\n    .partiu-footer-logo {\n      width: 68px;\n      margin-bottom: 42px;\n    }\n\n    .partiu-footer-title {\n      font-size: 30px;\n    }\n\n    .partiu-footer-meta {\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 8px;\n      font-size: 15px;\n    }\n  }\n<\/style><\/p><footer class=\"partiu-footer\"><div class=\"partiu-footer-inner\"><div class=\"partiu-footer-logo\" aria-label=\"Logo Partiu\">\u00a0<\/div><h2 class=\"partiu-footer-title\">Partiu \u2014 discovering the city shouldn\u2019t feel like a treasure hunt.<\/h2><div class=\"partiu-footer-line\">\u00a0<\/div><div class=\"partiu-footer-meta\">Diana Lins \u00b7 Diogo Neves \u00b7 Antonio Barbosa \u00b7 Taciana Lins2024 \u2014 2025<\/div><\/div><\/footer>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-456d9535 e-con-full e-flex e-con e-parent\" data-id=\"456d9535\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;fixed&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-51cb2c00 e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-child\" data-id=\"51cb2c00\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-1f34d670 e-con-full e-flex e-con e-child\" data-id=\"1f34d670\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21b2a063 elementor-widget elementor-widget-heading\" data-id=\"21b2a063\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Diogo Neves<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-612572e6 e-con-full e-flex e-con e-child\" data-id=\"612572e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74d4dae1 elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"74d4dae1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/diogonvs.com\/en\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/03\/Captura-de-Tela-2026-02-03-as-10.45.33-300x300.png\" class=\"attachment-medium size-medium wp-image-12\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/03\/Captura-de-Tela-2026-02-03-as-10.45.33-300x300.png 300w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/03\/Captura-de-Tela-2026-02-03-as-10.45.33-1024x1021.png 1024w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/03\/Captura-de-Tela-2026-02-03-as-10.45.33-150x150.png 150w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/03\/Captura-de-Tela-2026-02-03-as-10.45.33-768x766.png 768w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/03\/Captura-de-Tela-2026-02-03-as-10.45.33.png 1278w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e79050b e-con-full e-flex e-con e-child\" data-id=\"4e79050b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ff5c3a1 menu-hamburger elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"5ff5c3a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-bars\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d828106 e-con-full elementor-hidden-desktop elementor-hidden-mobile e-flex e-con e-child\" data-id=\"1d828106\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-74de01d3 e-con-full e-flex e-con e-child\" data-id=\"74de01d3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e24e62c elementor-widget elementor-widget-heading\" data-id=\"3e24e62c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Diogo Neves<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52a77986 elementor-widget elementor-widget-text-editor\" data-id=\"52a77986\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Product Designer<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-323ddc5a e-con-full e-flex e-con e-child\" data-id=\"323ddc5a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ca8c49e elementor-widget-tablet__width-initial elementor-widget elementor-widget-image\" data-id=\"7ca8c49e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/diogonvs.com\/en\/\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"798\" src=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/03\/Captura-de-Tela-2026-02-03-as-10.45.33-1024x1021.png\" class=\"attachment-large size-large wp-image-12\" alt=\"\" srcset=\"https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/03\/Captura-de-Tela-2026-02-03-as-10.45.33-1024x1021.png 1024w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/03\/Captura-de-Tela-2026-02-03-as-10.45.33-300x300.png 300w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/03\/Captura-de-Tela-2026-02-03-as-10.45.33-150x150.png 150w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/03\/Captura-de-Tela-2026-02-03-as-10.45.33-768x766.png 768w, https:\/\/diogonvs.com\/wp-content\/uploads\/2026\/03\/Captura-de-Tela-2026-02-03-as-10.45.33.png 1278w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-611bd834 e-con-full e-flex e-con e-child\" data-id=\"611bd834\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65080df4 menu-hamburger elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"65080df4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-bars\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6843b0f1 menu-overlay elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-child\" data-id=\"6843b0f1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2fd8d0c5 e-con-full e-flex e-con e-child\" data-id=\"2fd8d0c5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43986b5 menu-nav elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"43986b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/diogonvs.com\/en\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\"><g clip-path=\"url(#clip0_1791_33897)\"><path d=\"M3.84483 18.5H16.1552C17.4502 18.5 18.5 17.4502 18.5 16.1552V7.3621L9.99998 1.5L1.5 7.3621V16.1552C1.5 17.4502 2.54983 18.5 3.84483 18.5Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M7.36133 14.3956C7.36133 13.1006 8.41119 12.0508 9.70613 12.0508H10.2923C11.5874 12.0508 12.6372 13.1006 12.6372 14.3956V18.4991H7.36133V14.3956Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/g><defs><clippath id=\"clip0_1791_33897\"><rect width=\"20\" height=\"20\" fill=\"white\"><\/rect><\/clippath><\/defs><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Home<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/diogonvs.com\/en\/cases\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\"><g clip-path=\"url(#clip0_1791_33901)\"><path d=\"M1.5 7.36192C1.5 6.0669 2.54981 5.01709 3.84483 5.01709H16.1552C17.4502 5.01709 18.5 6.0669 18.5 7.36192V16.155C18.5 17.4501 17.4502 18.4998 16.1552 18.4998H3.84483C2.54981 18.4998 1.5 17.4501 1.5 16.155V7.36192Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M6.18945 4.72414V3.84483C6.18945 2.54981 7.23927 1.5 8.53428 1.5H11.4653C12.7604 1.5 13.8101 2.54981 13.8101 3.84483V4.72414\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M1.79248 11.4653H18.2063\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M6.18945 9.70703V12.6381\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M13.8105 9.70703V12.6381\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/g><defs><clippath id=\"clip0_1791_33901\"><rect width=\"20\" height=\"20\" fill=\"white\"><\/rect><\/clippath><\/defs><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Cases<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/diogonvs.com\/en\/sobre\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\"><g clip-path=\"url(#clip0_1791_33944)\"><path d=\"M9.99934 9.06897C12.2275 9.06897 14.0338 7.26267 14.0338 5.03448C14.0338 2.8063 12.2275 1 9.99934 1C7.77115 1 5.96484 2.8063 5.96484 5.03448C5.96484 7.26267 7.77115 9.06897 9.99934 9.06897Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M3.60343 19.0002H16.3959C17.8134 19.0002 18.9054 17.7812 18.2435 16.5278C17.2696 14.684 15.0496 12.4829 9.99966 12.4829C4.94972 12.4829 2.72971 14.684 1.75593 16.5278C1.09393 17.7812 2.18587 19.0002 3.60343 19.0002Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/g><defs><clippath id=\"clip0_1791_33944\"><rect width=\"20\" height=\"20\" fill=\"white\"><\/rect><\/clippath><\/defs><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">About<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/diogonvs.com\/en\/contato\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\"><path d=\"M1.5 5.4023C1.5 4.20742 2.54981 3.23877 3.84483 3.23877H16.1552C17.4502 3.23877 18.5 4.20742 18.5 5.4023V14.5973C18.5 15.7922 17.4502 16.7609 16.1552 16.7609H3.84483C2.54981 16.7609 1.5 15.7922 1.5 14.5973V5.4023Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M2.37988 4.05029L10.0006 10.2705L17.6213 4.05029\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Contact<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Diogo Neves Product Designer Linkedin Whatsapp In\u00edcio Cases Sobre Contato #ProductDesign #UXResearch #MobileApp #DesignSystem Partiu | Product Design O Partiu \u00e9 um aplicativo mobile criado para ajudar moradores da Regi\u00e3o Metropolitana do Recife a descobrir eventos alinhados aos seus interesses, or\u00e7amento e contexto social. O projeto surgiu da percep\u00e7\u00e3o de que informa\u00e7\u00f5es sobre eventos costumam [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":35,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-352","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/diogonvs.com\/en\/wp-json\/wp\/v2\/pages\/352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diogonvs.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diogonvs.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diogonvs.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diogonvs.com\/en\/wp-json\/wp\/v2\/comments?post=352"}],"version-history":[{"count":217,"href":"https:\/\/diogonvs.com\/en\/wp-json\/wp\/v2\/pages\/352\/revisions"}],"predecessor-version":[{"id":1213,"href":"https:\/\/diogonvs.com\/en\/wp-json\/wp\/v2\/pages\/352\/revisions\/1213"}],"up":[{"embeddable":true,"href":"https:\/\/diogonvs.com\/en\/wp-json\/wp\/v2\/pages\/35"}],"wp:attachment":[{"href":"https:\/\/diogonvs.com\/en\/wp-json\/wp\/v2\/media?parent=352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}