Published project

DesignPro

Precision in public, structure behind secure client collaboration

Year
2020
Industry
Engineering & Manufacturing
Scope
Website Design
Timeline
2 months
Archive
10 published artefacts
DesignPro industrial automation website shown as a layered interface system
01

Starting condition

What needed to change

Prospective clients and active project teams required related but distinct digital experiences.

The public site had to communicate complex robotic automation work to technical and commercial audiences, remain responsive and stay faithful to DesignPro's corporate identity. Behind secure access, clients needed a more organised way to view project information. The challenge was to give both environments a consistent level of precision without suggesting that the portal replaced the wider engineering, project management or communication work around a machine build.

Executive summary

Summary

Business condition
Prospective clients and active project teams required related but distinct digital experiences.
Organizing decision
One restrained interface system supports both public capability content and the secure client portal.
Studio contribution
Website Design & Client Portal Development
What you can inspect
The work, and the decisions behind it.
Selected artefacts

Selected detail from the project.

The sequence moves from the lead expression into interface, content and implementation detail. Every imported image remains available in the complete project archive below.

View the full image set6 more images
website design showcasing company experience with image gallery.
05website design showcasing company experience with image gallery.
website design displaying client's flexible approach and industrial product.
06website design displaying client's flexible approach and industrial product.
Project management dashboard for website design, showing progress.
07Project management dashboard for website design, showing progress.
Vancouver Website Design the region project dashboard for landing page design progress.
08Vancouver Website Design the region project dashboard for landing page design progress.
Project management dashboard UI with progress metrics for website design.
09Project management dashboard UI with progress metrics for website design.
Woman expertly adjusting complex equipment for web development the region.
10Woman expertly adjusting complex equipment for web development the region.
02

Design response

The organizing idea

One restrained interface system supports both public capability content and the secure client portal.

Typography, navigation, buttons, forms and responsive components were designed as reusable parts rather than one off screens. On the public site, that system gives DesignPro's automation capability a disciplined presentation. In the portal, the same principles provide a structured space for client information and milestone visibility. The visual language remains precise and appropriately technical without resorting to exaggerated technology effects.

03

Published process

How the work moved

Corporate guidelines were translated into reusable components, then tested across responsive pages and secure portal journeys.

We reviewed the existing style guides, defined digital hierarchy and interaction rules and developed components for navigation, buttons, forms and content states. Public pages and portal interfaces were tested across devices as the system developed. Attention stayed on secure access, understandable information structure and consistent application, ensuring the final experience supported both supplier evaluation and ongoing project communication within the agreed scope.

04

System delivered

01Website Design & Client Portal Development
05

Evidence standard

What we publish

Published work, with its source.

This profile carries the complete published project image set and identifies its source. Commercial results and third-party endorsements appear only when their source and publication status are clear.

Original published case record
Next project

Crescent Shopping Centre

Turning online searches into simpler visits at Crescent

Crescent Shopping Centre website displayed against a vivid violet backgroundView case

Working on something similar?

Describe the situation and what you already have in place. I will suggest the smallest sensible next step, which is not always a project.

Discuss a similar projectBack to all work