Enhancing diagram clarity and UI performance with GoJS
Phinsys needed a refined diagramming experience for their GoJS-based solution: one that delivered layout precision, export reliability, and a more predictable user interface.
Their product roadmap required design improvements that would enhance clarity for finance and accounting users in the global insurance industry. Working closely with their team, we focused on resolving long-standing layout issues and achieving seamless export capabilities, backed by our deep expertise in GoJS.
Phinsys – a UK-based software provider optimizing finance and accounting processes for the insurance industry.
Enhance the UI and UX of a GoJS diagram to meet strict design specifications, improve layout stability, and ensure reliable multi-format export features across a complex user-facing application.
- In-depth analysis of the client’s codebase
- Layout tuning and alignment corrections
- UI compliance improvements, including object sizing (especially for text elements)
- Export logic enhancements for consistency across formats
- Ongoing communication and collaboration through regular syncs
Tackling complex diagramming challenges head-on
Before partnering with Synergy Codes, Phinsys was navigating several pain points tied to their GoJS diagram implementation. Their internal team was working on key features tied to their product roadmap but faced a few recurring challenges:
Unstable auto-layout behavior
The automatic layout was unreliable, making it difficult to maintain a consistent, intuitive diagram structure — especially as node complexity increased.
Misaligned and inconsistent components
UI elements and container alignment were visually inconsistent, affecting readability and overall polish. Inconsistent object sizing
Inconsistent object sizing
Objects containing dynamic text weren’t scaling properly, resulting in overlapping content or uneven spacing across the diagram.
Export inaccuracies 
Exporting diagrams led to display errors and format issues, so it was harder to maintain consistency between the product interface and shared documentation.
Lack of design consistency across states
The diagrams needed better visual balance, particularly around layout stability and how elements responded to resizing and container constraints.
Need for specialized GoJS knowledge
The in-house team lacked the bandwidth and deep GoJS expertise required to untangle complex mechanics, test edge cases, and fine-tune performance.
From scratch to chatbot builder with conversation flow
We began with a detailed analysis of the client’s GoJS implementation to uncover pain points, performance gaps, and rendering issues specific to layout and text containers.
Using our GoJS expertise, we introduced improvements to the automatic layout engine and addressed inconsistencies in object alignment and diagram spacing.
We refined visual styling and sizing logic, particularly for text-heavy elements, to provide a clean, user-friendly experience aligned with UI/UX best practices.
To ensure a polished experience, we didn’t stop at implementation. Our team ran targeted tests on isolated edge cases, validating the layout logic and fine-tuning GoJS mechanics.
Understanding the diagram’s pain points
We began with a full audit of Phinsys’ GoJS implementation to identify layout inconsistencies, sizing issues with text-containing objects, and UI quirks that impacted usability. Their team had been facing persistent challenges with object positioning and spacing. A deep technical review helped us pinpoint bottlenecks and set the stage for targeted, high-impact improvements.
Delivering UX consistency and layout stability
We refined how the diagram handled object alignment, sizing, and layout—especially for content-heavy nodes. Our team applied custom GoJS logic to correct rendering issues and enhance automatic layout behavior, delivering a stable, clean, and predictable visual experience. These improvements positively impacted visual consistency and supported Phinsys’ UI/UX goals.
Upgrading exports and optimizing delivery
Export reliability was essential. We resolved export formatting issues to deliver consistent, high-quality output across formats.
Throughout, we worked closely with the client via syncs and regular updates for a steady delivery rhythm aligned with their project roadmap.
Built-in expertise, tailored to your needs
You don’t need a team of GoJS experts to unlock diagramming at scale — we’ve already got that covered. From pinpointing bugs in layout logic to delivering polished, export-ready diagrams, we filled the GoJS knowledge gap so Phinsys could move forward with confidence.
Here’s how our team made it work:
- Deep GoJS expertise → We applied advanced layout mechanics and alignment logic to solve visual issues and deliver a stable user experience.
- Smooth collaboration → Regular syncs, budget visibility, and fast feedback loops kept the project moving without surprises.
- No learning curve → Phinsys’ team didn’t need to retrain or re-architect—our solutions fit naturally into their existing setup.
- Scalable delivery → The improvements were designed to support future roadmap features without disrupting existing architecture.
Refined visuals, improved performance, and export reliability
The updated layout and sizing logic ensured that diagrams displayed consistently—even
for text-heavy objects. Visual stability significantly improved user confidence across different interactions.
With the export mechanism reengineered, Phinsys could now generate reliable diagrams across formats—no more layout shifts or broken alignments. Internally, the tool integrated cleanly with their roadmap without creating bottlenecks.
The client praised the collaboration for its efficiency, responsiveness, and technical depth. With strong alignment 
on expectations and consistent delivery, both teams are now exploring further enhancements in future phases.
Ready to fine-tune your diagrams 
to perfection?
Let’s turn clunky layouts into clean, export-ready visuals that scale with your product. 
Tell us what you need — we’ll take it from there.