The James Webb Space Telescope's Mid-Infrared Instrument (MIRI)

I have been working with the UK Astronomy Technology Centre based at the Royal Observatory in Edinburgh. The UKATC is the home of astronomical technology in the UK and provides a significant effort in the MIRI project.

The purpose of this project is to create a website highlighting the European effort which has gone into creating this instrument for use at outreach events and seminars.

The site will include an interactive map of Europe with clickable indicators showing the locations of the MIRI collaborators. Once clicked, the application will show some images of the hardware produced by the collaborator or a person of interest as well as information about the collaborator. The website will also give admin users the ability to change images and information. This can be either on the device or through an online portal. The project will be completed using web technologies, though future-proofing will be a key consideration.

Role: UI / UX Designer & Front-End Developer

Year: 2018



Wireframes were created for the purpose of arranging elements to best accomplish a particular purpose. It helps to show a visual guide that represents the skeletal framework of a website.


A prototype was mock-up and used for demoing what the website will look like when it goes live. A big part of the design process is validation and nailing the details.


Final Design

This was the final design of the James Webb Space Telescope's Mid-Infrared Instrument (MIRI).