Start with intent.
Work, remote living and hiring provide recognisable starting points. Visitors can find relevant framing before reading the detail.
AMUI / Selected work04 / Website & information design
A digital presence for complex decisions
Sufoniq
Complexity,
made readable.
One offering. Different audiences. A website that gives each person a clear place to begin.
Explore the work ↓SUFONIQ / The shape of clarityContext.
Understanding.
Direction.Information → Experience
Understanding.
Direction.Information → Experience
01 / Finding the structure
A broad offering.
A clear entrance.
Sufoniq brings together the economic, professional and practical questions around working and hiring across borders. Its audience includes people exploring a move and employers coordinating international hiring.
AMUI’s task was to give that breadth a coherent digital expression: organise the content, establish a consistent visual language and connect the first impression to a relevant next step.
The design starts with a simple question: what is this visitor trying to do?
- Project
- Sufoniq
Cross-border information & services - AMUI’s contribution
- UI/UX · Information architecture
Website design & development - Design focus
- Audience clarity
Content, interaction and enquiry
02 / Designing the way in
Different intentions.
One coherent experience.
People arrive with different questions. The audience structure gives those questions a place, while a shared design system connects the journeys.
SUFONIQ / Audience journeysExplore the decisions
Start with the move someone wants to make.
A person looking for work needs a clear entrance into the service. The website introduces the relevant questions before asking for personal context.
- AudienceWork in Europe
- First questionWhere could my experience fit?
- Next stepShare intent and current stage
Interactive case-study illustration of the website’s audience structure. Select an audience to explore the design rationale.
Reveal the process.
A step-based explanation breaks an abstract service into a sequence, supported by an interactive network visual.
Keep the context.
The enquiry form collects the visitor’s reason, current stage and optional location, giving the next conversation a useful starting point.
03 / A language for information
Give the detail
room to make sense.
Geist typography, blue accents and a restrained structural grid give Sufoniq a consistent visual vocabulary. Clear headings and generous spacing separate the main idea from the supporting explanation.
The same approach carries into the insights library, where search and content-type filters help readers explore editorial material. Charts introduce visual variety, while reusable cards keep dense information organised.
Method and trust content sits within the main navigation. Explaining the approach and its boundaries becomes part of the visitor journey.
The interface gives
information a hierarchy.
information a hierarchy.
Audience first. Explanation next. Supporting material when it is useful. Each layer has a different job, so the page can introduce a complex offering without asking the visitor to absorb everything at once.
04 / From structure to screen
A connected
digital presence.
Content, interface and implementation come together across desktop and mobile, carrying the same identity from the opening statement to the enquiry.
What this work demonstrates
Clarity is
a design decision.
Sufoniq shows AMUI’s ability to connect information architecture, visual communication and development. The result is a website with clear audience entrances, a consistent editorial language and a contextual route into conversation.
Explore website design & development ↗