[{"data":1,"prerenderedAt":161},["ShallowReactive",2],{"case-study-zyhub-en":3},{"id":4,"title":5,"extension":6,"liveIntro":7,"liveLinkText":7,"liveUrl":7,"meta":8,"scrollytelling":9,"sections":26,"stem":146,"subtitle":147,"tags":148,"__hash__":160},"caseStudies\u002Fen\u002Fwork\u002Fzyhub.yml","ZYhub","yml",null,{},[10,14,18,22],{"title":11,"label":12,"image":13},"Role","UX\u002FUI designer","\u002Fmedia\u002Fillustrations\u002Fjob.png",{"title":15,"label":16,"image":17},"Timeline","Jan 2023 - Aug 2023","\u002Fmedia\u002Fillustrations\u002Fcalendar.png",{"title":19,"label":20,"image":21},"Team","1 designer, 2 developers, CEO","\u002Fmedia\u002Fillustrations\u002Fteam.png",{"title":23,"label":24,"image":25},"Tools","Figma, Jira","\u002Fmedia\u002Fillustrations\u002Ftool.png",[27,30,32,35,40,50,58,60,63,67,71,73,78,80,84,87,90,93,103,106,108,112,114,119,124,126,128,133,142],{"type":28,"text":29},"heading","Project overview",{"type":31},"scrollytelling",{"type":33,"text":34},"disclaimer","This is a confidential project, so I can only share a limited part of the product and its interface.",{"type":36,"paragraphs":37},"prose",[38,39],"Zytro is a 3D visualization company for architecture and real estate, based in London, helping teams present and sell spaces before they are even built.","ZYhub is part of the ecosystem. It's the management layer around:",{"type":41,"items":42},"inlineTags",[43,44,45,46,47,48,49],"projects","companies","employees","files","permissions","project tracking","scheduled delivery",{"type":51,"src":52,"alt":53,"caption":54,"variant":55,"rounded":56,"aspect":57},"media","\u002Fmedia\u002Fcases\u002Fzyhub\u002Fmockup.png","ZYhub screenshot","ZYhub screenshot.","bare",true,"auto",{"type":28,"text":59},"The problem",{"type":36,"paragraphs":61},[62],"Before ZYhub, the workflow was too fragmented.",{"type":64,"paragraphs":65},"bracketBlock",[66],"Zytro teams and client teams had to manage many projects, many files, many participants, and many delivery moments at once. Feedback could happen in different places. Status could be unclear. File access depended too much on manual coordination.",{"type":36,"paragraphs":68},[69,70],"One pain point was especially operational: time zones.","Zytro had teams in Brazil and clients in the UK. That meant files, emails, and project visibility often had to be released at the right time for the client. Without a structured system, that created unnecessary manual effort.",{"type":28,"text":72},"The product",{"type":36,"paragraphs":74},[75,76,77],"ZYhub was an RBAC platform for collaboration between Zytro and its client companies.","It was not just a dashboard. It was the operating layer of the ecosystem.","From a product architecture perspective, the platform had two main sections: the client side and the staff side.",{"type":28,"text":79},"Client side",{"type":36,"paragraphs":81},[82,83],"Users could belong to one or more companies, since some partners worked across multiple client accounts. After login, they first chose which company they wanted to access.","From there, ZYhub gave them a structured view of active and completed projects.",{"type":85,"text":86},"subheading","Project structure",{"type":51,"src":88,"alt":53,"caption":89,"variant":55,"rounded":56,"aspect":57},"\u002Fmedia\u002Fcases\u002Fzyhub\u002Fmockup-2.png","Interface of a user inside a project.",{"type":36,"paragraphs":91},[92],"Inside each project, the interface worked as a delivery and tracking space.",{"type":94,"items":95},"bullets",[96,97,98,99,100,101,102],"project description","participants","file and folder structure","current status of each item","file download","analytics","access to the associated [ZYcreate](\u002Fwork\u002Fzycreate) board when visual review was needed",{"type":104,"text":105},"highlighted","This mattered because the work was rarely about one image. Clients were often managing multiple deliverables, multiple collaborators, and different stages of progress at the same time.",{"type":28,"text":107},"Staff side",{"type":36,"paragraphs":109},[110,111],"On the Zytro side, the platform had a broader management structure.","What each staff member could see or do depended on their permission level.",{"type":104,"text":113},"This is where RBAC became important. Not every user saw the same controls. Access depended on role and responsibility.",{"type":94,"items":115},[116,117,118],"Companies","Staff","Bookings",{"type":36,"paragraphs":120},[121,122,123],"Inside Companies, higher-permission users could manage partner companies, their projects, participants, files, and project settings.","Inside Staff, they could manage Zytro’s own internal team, including employee information and access levels.","Inside Bookings, they could manage scheduled actions such as project releases, emails, and file or folder availability.",{"type":104,"text":125},"Scheduling reduced operational friction and made handoffs more reliable across time zones.",{"type":28,"text":127},"What I designed",{"type":36,"paragraphs":129},[130,131,132],"I worked on the UX\u002FUI of this system in close collaboration with two developers and the CEO.","The CEO brought the operational pain points from the business. The developers helped shape the system behavior and constraints. I translated that into flows, page structure, navigation, and interface decisions across the platform.","My work covered the core management experience, including:",{"type":94,"items":134},[135,136,137,138,139,140,141],"company selection","project overview","project detail pages","company management","employee management","permission-aware UI patterns","connection points between ZYhub and ZYcreate",{"type":36,"paragraphs":143},[144,145],"I joined at a moment when the project needed structure quickly.","This was a complex platform built under a tight timeline, so a big part of my role was to create the structure and clarity needed for the team to move fast.","en\u002Fwork\u002Fzyhub","RBAC project and delivery platform for Zytro’s internal team and client companies.",[149,150,151,152,153,154,47,155,156,157,101,158,159],"UX\u002FUI","RBAC","platform design","enterprise product","project management","workflow centralization","collaboration","file management","scheduling","architecture visualization","startup pace","I3LdQbHxEb_iAt4eM3RE03kYxxU_YgLXfB9RQnEqdRs",1777547834278]