{"id":6185,"date":"2026-01-02T16:05:48","date_gmt":"2026-01-02T16:05:48","guid":{"rendered":"https:\/\/platzchen.com\/en\/?page_id=6185"},"modified":"2026-01-19T09:57:04","modified_gmt":"2026-01-19T09:57:04","slug":"eldoc","status":"publish","type":"page","link":"https:\/\/platzchen.com\/en\/portfolio\/eldoc\/","title":{"rendered":"Eldoc"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Company<\/h5>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\tLuiazalabs<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Role in project<\/h5>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\tProduct Designer<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Responsibilities<\/h5>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\n\n
  • Lead UX research and heuristic analysis<\/li>\n\n
  • Map user journeys and complex product flows<\/li>\n\n
  • Redesign the information architecture<\/li>\n\n
  • Create sketches, wireframes and the final UI<\/li>\n\n
  • Run usability tests with internal stakeholders<\/li>\n\n
  • Collaborate closely with developers to ensure feasibility<\/li><\/ul><\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    Year<\/h5>\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t\t2017<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    About this projects<\/h5>\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\r\n\t\t\t\t\t
    \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t

    \r\n\t\t\t\t\t\tEldoc was the first major project I tackled <\/span> during my initial year as a UX\/UI Designer, and one of the most complex\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t

    \r\n\t\t\t\t\t\tOriginally created in the early 2000s (before design processes were widely adopted), Eldoc was a legacy product built entirely by developers. It served large B2B clients within the B2W group (Americanas, Submarino and Shoptime), enabling them to manage fiscal documents and generate operational and compliance reports.\n

    \nHowever, the interface had not evolved with the industry. The product suffered from significant usability issues, visual inconsistency and a learning curve that slowed down daily operations.\nMy role was to deeply understand this legacy ecosystem, uncover usability gaps and redesign the experience from the ground up.\t\t\t\t\t<\/p>\r\n\t\t\t\t\t\t\t<\/div>\r\n\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\r\n\t\t\t\t\t
    \r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t
    \n\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    Understanding the problem<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    \n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\r\n\t\t\t\t\t
    \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

    \r\n\t\t\t\t\t\tTo form a complete picture of the product\u2019s challenges, I conducted interviews with daily users and reviewed existing customer feedback. These conversations revealed critical pain points:
    \n\n\u2022 Users struggled to locate key functionalities within an outdated IA
    \n\n\u2022 Essential tasks required too many steps or unnecessary clicks
    \n\n\u2022 Inconsistent patterns increased cognitive load
    \n\n\u2022 The UI lacked visual hierarchy, making navigation slow and error-prone

    \n\nA structured heuristic evaluation validated these issues, highlighting violations in consistency, feedback, error prevention and learnability.\t\t\t\t\t<\/p>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t
    \r\n\t\t\t\t\"\"\r\n\t\t\t\t\"\"\r\n\t\t\t<\/div>\r\n\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
    \n\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    Mapping the experience<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\r\n\t\t\t\t\t
    \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

    \r\n\t\t\t\t\t\tGiven the complexity of Eldoc, mapping each user flow was essential. By visualising every possible path, from document creation to reporting, I identified:
    \n\n\u2022 Redundant steps that could be merged
    \n\n\u2022 Opportunities to reduce friction
    \n\n\u2022 Non-intuitive decision points
    \n\n\u2022 Missing shortcuts or automation opportunities\n

    \nThese insights guided the redesign toward a more efficient and predictable experience.\t\t\t\t\t<\/p>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t
    \r\n\t\t\t\t\"\"\r\n\t\t\t\t\"\"\r\n\t\t\t<\/div>\r\n\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
    \n\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    Sketching & early prototyping<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\r\n\t\t\t\t\t
    \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

    \r\n\t\t\t\t\t\tBecause the product needed a full redesign, I began with low-fidelity sketches. This allowed quick iteration and alignment with stakeholders before investing time in high-fidelity UI.
    \n\nThe chosen concept introduced:
    \n\n\u2022 A collapsible left-side navigation for clear structure
    \n\n\u2022 A top bar with essential shortcuts
    \n\n\u2022 A persistent search bar, given how frequently users needed to locate documents
    \n\n\u2022 A clean main content area prioritising readability and task completion

    \n\nThese initial sketches served as the foundation for usability discussions and UI decisions.\n\n\t\t\t\t\t<\/p>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t
    \r\n\t\t\t\t\"\"\r\n\t\t\t\t\"\"\r\n\t\t\t<\/div>\r\n\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
    \n\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    UI Design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\r\n\t\t\t\t\t
    \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

    \r\n\t\t\t\t\t\tWith the structure defined, I moved into high-fidelity UI design using Material Design as the base system. The visual direction adopted:
    \n\n\u2022 A light and neutral colour palette for clarity
    \n\n\u2022 Clear typographic hierarchy
    \n\n\u2022 Consistent spacing and component patterns
    \n\n\u2022 Desktop-optimised layouts for heavy operational workflows

    \n\nAlthough time constraints limited our ability to test with external users, I ran usability walkthroughs with internal stakeholders. Feedback was highly positive, teams felt the redesign brought freshness, clarity and significant usability improvements to a long-standing tool.\n\n\t\t\t\t\t<\/p>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t
    \r\n\t\t\t\t\"\"\r\n\t\t\t\t\"\"\r\n\t\t\t<\/div>\r\n\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\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t
    \r\n\t\t\t\t
    \r\n\t\t\t\t\t
    \r\n\t\t\t\t\t\t
    \r\n\t\t\t\t\t\t\t
    \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
    \r\n\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t
    \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t
    \r\n\t\t\t\t\t\t\t\t\t\t\t\t
    \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t<\/i>\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\r\n\t\t\t\t\t
    \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t

    \r\n\t\t\t\t\t\tKey learnings\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t

    \r\n\t\t\t\t\t\tThis project shaped the foundation of how I work today. I learned how to:
    \n\n\u2022 Conduct end-to-end UX processes for complex, legacy B2B systems
    \n\n\u2022 Facilitate user interviews and make clients feel comfortable sharing context and frustrations
    \n\n\u2022 Translate deeply technical requirements into intuitive flows
    \n\n\u2022 Prototype and validate design decisions under tight constraints
    \n\n\u2022 Collaborate with developers effectively, leveraging my 10 years of previous experience in development

    \n\nEldoc taught me how to balance modern UX principles with the realities of legacy infrastructure, a skill that continues to influence my work in product design.\n\n\t\t\t\t\t<\/p>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\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","protected":false},"excerpt":{"rendered":"

    Company Luiazalabs Role in project Product Designer Responsibilities Lead UX research and heuristic analysis Map user journeys and complex product flows Redesign the information architecture Create sketches, wireframes and the final UI Run usability tests with internal stakeholders Collaborate closely with developers to ensure feasibility Year 2017 About this projects Eldoc was the first major […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2287,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-6185","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/platzchen.com\/en\/wp-json\/wp\/v2\/pages\/6185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/platzchen.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/platzchen.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/platzchen.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/platzchen.com\/en\/wp-json\/wp\/v2\/comments?post=6185"}],"version-history":[{"count":28,"href":"https:\/\/platzchen.com\/en\/wp-json\/wp\/v2\/pages\/6185\/revisions"}],"predecessor-version":[{"id":6840,"href":"https:\/\/platzchen.com\/en\/wp-json\/wp\/v2\/pages\/6185\/revisions\/6840"}],"up":[{"embeddable":true,"href":"https:\/\/platzchen.com\/en\/wp-json\/wp\/v2\/pages\/2287"}],"wp:attachment":[{"href":"https:\/\/platzchen.com\/en\/wp-json\/wp\/v2\/media?parent=6185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}