Development Intranets UI Design

Woods Bagot intranet

Woods Bagot Ltd, a global architecture & design firm

Visual design and development

  • Designed wireframes and high-fidelity mock-ups of responsive page templates for the entire intranet, satisfying the customer and gaining acceptance from the board of this global design organisation.
  • Presented visual concepts to key stakeholders, gaining unanimous approval.
  • Coded HTML, SASS and jQuery on a Bootstrap framework to implement a component-based front end to a SharePoint 2016 intranet, including bespoke APIs and libraries.

Woods Bagot Intranet Home - Desktop
Home page – desktop
Woods Bagot Intranet - News Item
News article – desktop

Woods Bagot Intranet - Sector landing page
Sector page – desktop
Woods Bagot intranet - landing page
Landing page – desktop

Responsive view

Woods Bagot Intranet Home - Tablet
Home page for tablet
Woods Bagot Intranet Home - Mobile
Home page for mobile


  • Produced a large set of wireframes using Axure RP to improve UX and confirm requirements.
Woods Bagot wireframe - sector
Sector page wireframe
Woods Bagot wireframe - projects table
Projects table page wireframe
Woods Bagot wireframe - news landing page
News wireframe


  • Developed a series of UX personas to assist in defining user stories and gaining executive approval for the Woods Bagot intranet project.
  • Created a single page persona document for each, with Adobe InDesign.
Woods Bagot Persona 3
Woods Bagot Persona 4