Work / ISIQueue Platform
UI/UX Design

ISIQueue Platform

Streamlining industrial inspection through strategic UX. Building a website's UX strategy, information architecture, and interface design from zero for a new industrial inspection company.

RoleUX Strategy, Information Architecture, UI Design
CompanyISIQueue, Industrial Inspection Services
ToolsFigma, InDesign, Claude by Anthropic
LocationThe Hague, Netherlands
CollaborationWordPress developer
Year2025
ISIQueue website shown across desktop, tablet, and mobile, homepage, About Us, and Request Inspection screens
Problem & Context

A credible foundation, from zero

ISIQueue is a new industrial inspection company in The Hague with no digital presence. The challenge was to build a strong and credible foundation from the beginning in a field where trust is essential.

Research & Insights

Learning from the competition

Since there were no existing users to interview, the research focused on reviewing competitors. I looked at 10 inspection and certification websites in the Netherlands and EU, and the goal was to understand where companies in this field often fall short, and use those insights to guide the design decisions.

SGS Bureau Veritas TÜV SÜD DEKRA TÜV Nord DNV RINA Lloyd's Register KIWA
Research Synthesis

Cautious, then confident

The journey map showed that industrial clients follow a careful and structured process. They first check credibility, then explore services, and only reach out when they feel confident.

This led to three clear design priorities. Build trust from the first moment, present services in a way that is easy to scan and understand without technical knowledge, and keep the inquiry process short and simple.

ISIQueue User Journey Map

Phase 1, Awareness

Find a reliable inspection provider

Opportunity

Clear credibility signals on homepage, certifications visible

Cautious / risk-aware
Phase 2, Exploration

Needs inspection for compliance

Pain points

Technical terminology, too much engineering language, unclear service differentiation

Design response

Clear credibility signals, certifications visible, industry sectors listed early

Evaluating
Phase 3, Evaluation

Browses homepage → Services → Industry pages

Key questions

Technical terminology, too much engineering language, unclear service differentiation

Design response

Modular service blocks, clear summaries before technical depth, structured navigation

Analytical
Phase 4, Decision

Clicks "Request Inspection" / "Contact Experts"

Pain points

Long forms, unclear next steps

Design response

Trust indicators, process explanation, professional visual language, clear hierarchy

Deciding
Phase 5, After Submission

Receives confirmation

Design opportunity

Confirmation message with clear next steps and response time expectation, clear follow up expectation

Relieved but waiting
Design Strategy

Adapting the pattern, not adopting it

The competitive analysis revealed a consistent six-part navigation structure across all 10 benchmarked sites. Rather than adopting this wholesale, the ISIQueue architecture was adapted to the company's current stage.

Navigation structure, what each website includes

The table shows the navigation structure across all 10 benchmarked sites, and how ISIQueue's architecture was deliberately adapted from the industry pattern.

The design decisions this research directly informed

Success Metrics & Product Impact

Design assumptions, made explicit

Design assumptions about how the interface may influence user behavior after launch.

GoalDesign InterventionExpected ImpactFuture Metrics to Track
01
Improve the quality and clarity of service requests
Modular service categories, clear service descriptions, structured contact form Fewer vague inquiries, more complete service requests Inquiry form completion rate, percentage of complete submissions
02
Reduce cognitive load
Clear information hierarchy, service summaries and visuals, industry filters Lower time to understand, higher visitor confidence Time spent on service pages, bounce rate
03
Strengthen trust signals
Visible certifications, industry references, partner logos and standards Higher perceived credibility, more qualified visitors Scroll depth on About / Standards pages, return visitor rate
04
Improve the conversion flow
Consistent CTAs, simplified form with 4 fields, confirmation and next steps Higher inquiry completion rate, fewer drop offs in the form CTA click through rate, form abandonment rate
Wireframes

Reviewed with the client, together

The wireframes were reviewed together with the client and a WordPress developer. The feedback focused on making the navigation clearer and improving the placement of calls to action. Based on this, the services were grouped into four main categories.

ISIQueue low-fidelity wireframes for the homepage and services page, annotated with client feedback, design notes, and team discussion points
Homepage and services wireframes, annotated
Usability Testing

Three roles, four tasks

The desktop wireframe was tested with three participants from industrial and technical roles: a plant operations manager, a quality and compliance engineer, and an HSE manager. Each session lasted about 20 minutes. Participants completed four tasks: understand what the company does, find the right service, check trust signals, and submit an inspection request.

3
Participants
2
Pages tested
20'
Per session
4
Tasks
Finding 01, Homepage, Critical

Service category labels were unclear and caused confusion between similar inspection types.

Two of the three participants hesitated when choosing between "Industrial Inspection" and "Third Party Inspection" because the difference was not clear without a short explanation.

Finding 02, Homepage, Critical

Trust signals were too vague, and partner logos alone were not enough to build confidence.

All three participants looked for accreditation bodies and certification standards. One participant rated trust as 2 out of 5 and said she would leave the site if she could not find them.

Finding 03, Homepage, Friction

Two call to action buttons caused hesitation because their difference was not clear at first glance.

Participant 3 paused when choosing between "Contact Our Experts" and "Request Inspection" because it was not clear which one to use. The labels needed to be more specific.

Finding 04, Request form, Friction

Users were unsure what would happen next because no response time was shown after submitting.

After clicking "Request Inspection," participants expected to see what would happen next. Without a clear response time, their confidence in the process dropped.

Finding 05, Homepage, Positive

The overall page structure and service cards were easy for participants to understand.

All three participants understood the company's purpose within 30 seconds. The four service categories were clear and easy to follow.

Finding 06, Homepage, Positive

All participants noticed the partner logos without any prompting.

All three participants noticed the logos on their own. The placement worked well, but they expected more detail to support them.

Before and after comparison of the homepage hero CTAs and service category cards, with participant quotes about button and label confusion
Homepage CTAs and service cards, before and after
Before and after comparison of the About Us partner logos, with participant quotes about needing certification numbers, not just logos
About Us trust signals, before and after
Before and after comparison of the Request Inspection form, with a participant quote about not knowing what happens after submitting
Request Inspection form, before and after
Final Interface Design

Clarity, credibility, structure

The final interface focuses on clarity, credibility, and a clear structure for presenting services. The homepage introduces the main inspection services, the industries the company works with, and simple calls to action that guide users to request an inspection or contact an expert.

ISIQueue homepage, desktop view, hero, key services overview, industries served, why choose us, and footer
ISIQueue homepage, tablet view
Tablet
ISIQueue homepage, mobile view
Mobile
Service Overview & Information Hierarchy

Four categories, easy to scan

Services are organized into clear categories to make the inspection offerings easier to understand. Service cards help users quickly see what inspections are available and move to the detailed service pages.

Our Inspection Services page, desktop view, Industrial Inspection, Third-Party Inspection, Non-Destructive Testing, and Quality and Compliance Audits
Our Inspection Services page, tablet view
Tablet
Our Inspection Services page, mobile view
Mobile
Trust & Credibility Signals

Certifications, named and explained

Since inspection services are often part of high risk industrial decisions, the interface focuses on building trust through clear signals like certifications, industry partnerships, and professional imagery.

About Us page, desktop view, showing ISO 9001, ISO 14001, ISO 45001, ISO 1702, ISO 17020, and SGS certification cards with descriptions
About Us page, tablet view
Tablet
About Us page, mobile view
Mobile
Request Inspection Flow

Four fields, then a clear next step

A simplified inspection request form reduces friction in the inquiry process. It focuses on essential information so clients can quickly submit their inspection needs.

Request Inspection form, desktop view, with name, company name, email, inspection type, and project details fields, plus a Why Clients Choose ISIQueue panel
Request Inspection form, tablet view
Tablet
Request Inspection form, mobile view
Mobile

Contact

Contact page, desktop view, with phone, email, and address details, plus a Why Clients Choose ISIQueue panel
Contact page, tablet view
Tablet
Contact page, mobile view
Mobile
Prototype

Built with Claude, from design specs

The prototype was developed using Claude, an AI system by Anthropic, guided through detailed design specifications including color palette, layout rules, component behavior, and interaction logic. This process enabled the creation of a production ready interactive HTML prototype, significantly reducing prototyping time while maintaining full design fidelity.

Reflection

Realistic, not just ideal

Starting from zero, with no users, no analytics, and no existing design, meant that every decision had to rely on research and careful judgment.

One of the main challenges was working within the limits of an early stage project. ISIQueue is still new, so sections like Expertise and Resources were not included. This was not because they are unimportant, but because the company is not ready to support them yet. It required making design decisions that remained realistic and honest.

If I continue this project, the next step would be to track how users interact with the inquiry form, gather feedback from the first clients, and gradually expand the service structure as the company grows.