{"id":2943,"date":"2023-12-03T00:00:07","date_gmt":"2023-12-03T03:00:07","guid":{"rendered":"http:\/\/anyssa.com.br\/portfolio\/knewin\/"},"modified":"2025-08-03T19:17:52","modified_gmt":"2025-08-03T22:17:52","slug":"knewin","status":"publish","type":"portfolio","link":"https:\/\/anyssa.com.br\/en\/portfolio\/knewin\/","title":{"rendered":"Knewin"},"content":{"rendered":"\n
\n

Knewin <\/strong>is a data technology company that develops solutions for reputation management and brand strategy. In this project, I led the UX\/UI design process, executind the discorey, mapping, designing the wireframes and interactive prototype in Figma. And developed the front-end of the custom WordPress theme with HTML, CSS (Sass), and JS (React). <\/p>\n\n\n\n

\n

\u2726<\/strong> Key outcome<\/mark><\/p>\n\n\n\n

+125%<\/mark> increase in the website’s organic traffic in less than a month.<\/p>\n<\/div>\n\n\n\n

\n

Jump to the case study \u21b4<\/a><\/p>\n<\/div>\n<\/div>\n\n

\"\"<\/figure>\n\n
\n
\"\"
New animated visual concept<\/figcaption><\/figure>\n<\/div>\n\n
\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/figure>\n\n
\n
\"\"
Mobile version<\/figcaption><\/figure>\n<\/div>\n\n
\n

Impact<\/h2>\n\n\n\n

The new Knewin website was launched in June 2020. With the launch, the organic traffic of the site more than doubled in less than a month<\/mark><\/strong> and continued to grow in the following months. The client reported a significant improvement in all other metrics as well.<\/p>\n\n\n\n

Knewin’s internal marketing team took over the management of the website and could then focus their efforts on campaigns and other projects.<\/p>\n<\/div>\n\n

\"\"
A comparison between \ud83d\udd35 organic traffic and \ud83d\udfe0 paid traffic on the site in June 2020, and then in July 2020, after the website launch. <\/figcaption><\/figure>\n\n
\n\n
\n

Case study<\/p>\n\n\n\n

Rethinking the website from the ground up<\/h2>\n\n\n\n

During the discovery <\/strong>phase, we identified the following main objectives:<\/p>\n\n\n\n

    \n
  • Improve the website’s structure in terms of user experience, SEO, information accessibility, and lead capture;<\/li>\n\n\n\n
  • Revamp the site’s visuals to reflect the new and more modern brand identity that would be launched simultaneously;<\/li>\n\n\n\n
  • Improve the website management process for Knewin’s internal team. Including designing the website to be entirely built with the block editor<\/mark>.<\/li>\n<\/ul>\n\n\n\n

    With the start of the discovery and information gathering process, I began mapping out the website’s structure. The goal was to establish not only the necessary pages but also how each part of the content would be developed in the WordPress logic: post types and their properties, taxonomies, archives, singles, etc.<\/p>\n<\/div>\n\n

    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    The custom post types are displayed in green. The pages in cyan. The post type archive in pink. And the taxonomies in blue.<\/figcaption><\/figure>\n\n
    \"\"
    Website wireframe<\/figcaption><\/figure>\n\n
    \n

    A fresh new branding identity<\/h2>\n\n\n\n

    When the project for the new website began, Knewin’s new visual identity was still being finalized. Therefore, there was not yet a style guide or even a brand guide for reference. <\/p>\n\n\n\n

    The website would then be the first piece to fully incorporate the new design. And with this responsibility, there was the challenge of being able to expand the new visual language in a direction that not only met the project’s objectives but also set standards for the company’s design from this point onward.<\/p>\n\n\n\n

    \n
    \n
    \"\"<\/figure>\n\n\n\n

    \u2193<\/p>\n\n\n\n

    \"\"<\/figure>\n<\/div>\n\n\n\n
    \n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n
    \n

    Through several cycles of visual experimentation \u2192 prototyping \u2192 feedback, using Figma for this process, I was able to create a dynamic yet cohesive interface for the website, aligned with the WordPress structure.<\/p>\n\n\n\n

    \"\"<\/figure>\n<\/div>\n\n
    \n

    Blocks<\/h2>\n\n\n\n

    At the time of the project, the WordPress block editor was becoming the standard way of content editing. To ensure that the new website was prepared for this, all page content was designed so that it could be built with base blocks or with block patterns that we would create as templates for clients. <\/p>\n\n\n\n

    \"\"
    Website block patterns that utilize base blocks (paragraph, heading, image, quote, lists, buttons, etc.).<\/figcaption><\/figure>\n<\/div>\n\n

    <\/p>\n","protected":false},"excerpt":{"rendered":"

    Knewin is a data technology company that develops solutions for reputation management and brand strategy. In this project, I led the UX\/UI design process, executind the discorey, mapping, designing the wireframes and interactive prototype in Figma. And developed the front-end of the custom WordPress theme with HTML, CSS (Sass), and JS (React). \u2726 Key outcome […]<\/p>\n","protected":false},"featured_media":2760,"template":"","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_eb_attr":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"ano":"2020"},"escopo":[119,120],"class_list":["post-2943","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","escopo-ux-design-en","escopo-web-en"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/anyssa.com.br\/en\/wp-json\/wp\/v2\/portfolio\/2943","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anyssa.com.br\/en\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/anyssa.com.br\/en\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":0,"href":"https:\/\/anyssa.com.br\/en\/wp-json\/wp\/v2\/portfolio\/2943\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/anyssa.com.br\/en\/wp-json\/wp\/v2\/media\/2760"}],"wp:attachment":[{"href":"https:\/\/anyssa.com.br\/en\/wp-json\/wp\/v2\/media?parent=2943"}],"wp:term":[{"taxonomy":"escopo","embeddable":true,"href":"https:\/\/anyssa.com.br\/en\/wp-json\/wp\/v2\/escopo?post=2943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}