Nathan L Fraser

Byanat.ai Platform

Unified AI platform for optimising digital infrastructure


  • Visual design
  • UI + UX
  • Strategy
  • Client
    Byanat
  • Design + development
    Nathan Fraser
  • Branding + research
    Nick Thackray
    Katie Wilde
    Chloe Alexander
  • Project management
    Thamir Alharthy

Byanat uses API technology to integrate, manage and optimise telecoms and data-centre systems. It centralises monitoring and control, giving engineers a single interface to oversee complex networks.

Built on advanced AI automation, the platform drives operational efficiency and enables engineers to make data‑driven decisions. By reducing manual tasks, teams can focus on innovation and quickly identify revenue opportunities.

Homepage

Products

Applications

Resources

Project Delivery

I led design and development of the platform’s core UI, crafting a scalable system, delivering a brand activation targeted at business and engineering teams within the sector.


  • Adapted the brand guidelines and developed a comprehensive digital design system
  • Designed custom page templates and reusable components for rapid UI assembly, tailored to each data category for improved user clarity
  • Mapped platform taxonomy with client engineers, with a focus on accelerated content discovery
  • Built the website in Webflow, defined CMS architecture and configured content workflows with the engineering and product teams
  • Implemented third-party services; Cloudinary and Finsweet Attributes
  • Delivered a handoff toolkit, enabling client self‑management for ongoing maintenance and development
Byanat wireframes
Byanat wireframes

Typeface


DM Sans Regular

DM Sans Bold

Space Grotesk Light

Space Grotesk Medium

Colour Palette


Brand

#ADEFFF
rgb(173,239,255)

#0070E0
rgb(0,112,224)

Tints

80% / #C4EDFF
rgba(173,239,255,.8)

60% / #D3F2FF
rgba(173,239,255,.6)

40% / #E2F6FF
rgba(173,239,255,.4)

20% / #F1FBFF
rgba(173,239,255,.2)