Haliviq
Back to Case StudiesGovernment & Public Sector

National Food Institute Website

We designed and built the website for the National Food Institute, the food research and testing body under Thailand's Ministry of Industry. Lab services and research are sorted into clear categories with built-in search, so business owners can find the service they need without phoning around first.

NFI – National Food Institute2025 · 3 months

About the project

The project helped a public institution communicate in a clearer, more current way, both to the businesses that use its services and to researchers who want to read its work. The site had to look official and trustworthy while staying easy for someone who has never visited before.

Services Provided

UX/UI DesignWeb DevelopmentLab Service Search SystemResearch Content Organization
NFI – National Food Institute

Challenge & Solution

What the client needed, and how we approached it.

The Challenge

The institute offers lab and research services across many fields, but its old website made information hard to find. A business owner wanting to know what can be tested, how long it takes or whom to contact had to dig through pages or call ahead every time.

Our Solution

We rebuilt the site so lab services and research sit in orderly categories, added a search that gets business owners to the right service quickly, and put the process and turnaround information on the same page as each service.

Our Approach

01

Institutional Immersion

We gathered the institute's services, its laboratories and its core user groups, found out which questions businesses ask most often, and used those questions to shape the site structure.

02

UX/UI Design

We laid out the pages so services and research can be found two ways: by browsing categories or by typing a search.

03

Web Development

We built a fast website that works well for a wide range of business users, on desktop and on mobile.

04

Content Organization

We helped organise service and research content so it is complete and easy to search, naming categories and headings with the words people actually use.

UI Solution 01

Complete Lab Services

  • Services organised by testing category
  • Easy-to-use service search
  • Clear process and turnaround information
⌕
AllNear meNew

Illustration of the idea, not a screenshot

UI Solution 02

Accessible Research

  • Searchable research archive
  • Organised by research field
  • Downloadable documents ready to use
⌕
AllNear meNew

Illustration of the idea, not a screenshot

UI Solution 03

Institutional Credibility

  • Design that reads as a trustworthy public institution
  • Easy-to-reach contact and inquiry channels
  • Site structure built with long-term SEO in mind
Name
Email
Message
Send

Illustration of the idea, not a screenshot

Project Flow

How the project moved from first brief to delivery.

Institutional Immersion
UX/UI Design
Web Development
Content Organization

What We Developed

UX/UI Design
Web Development
Lab Service Search System
Research Content Organization

Languages & Technology

What we can share openly. Parts that are confidential to the client are not listed.

Languages

HTMLCSSJavaScript

Frameworks & systems

ReactNext.jsCMS

Hosting & delivery

Cloud hostingCDN

Key Features

01

Complete Lab Services

  • Services organised by testing category
  • Easy-to-use service search
  • Clear process and turnaround information
02

Accessible Research

  • Searchable research archive
  • Organised by research field
  • Downloadable documents ready to use
03

Institutional Credibility

  • Design that reads as a trustworthy public institution
  • Easy-to-reach contact and inquiry channels
  • Site structure built with long-term SEO in mind

Have a project in mind?

Let's build your next case study

Talk to Us