Institute of Art Design + Technology Dún Laoghaire
Ireland’s campus for the Creative Industries
On Show
 Close
Search
3D Animation 3D Design Modelmaking + Digital Art Animation Applied Psychology Art Character MakeUp Design Costume Design Creative Computing Creative Media Technologies Creative Music Production Design for Change Digital Marketing Film + Television Production Interaction + User Experience Design New Media Studies Photography Production Design User Experience Design Visual Communication Design




Jodie Mc Grane 

 
BSc [Hons] Creative Computing

Hi, I’m Jodie! 👋 I have just completed my final year of the BSc in Creative Computing programme. I have a particular interest in Frontend Development and Design [specifically UX/UI] and its implementation using modern methodologies.

The image displays the Internport login page.
The image displays the assignments page where interns can check which assignments are completed or need to be completed. They can create or view their journals from the assignments page.
List of some of the assignments. The assignment titled "Work Log" has been submitted and the assignment titled "Roles and Responsibilities" has not been started yet. Selecting the not start assignment, the user can begin to write a journal based off of that specific assignment.
The journals page. From here, users can view their completed journals and also add them to their featured list which displays the featured journals to their home page. This allowed users to customize their portfolio and create an experience for anyone viewing.
Displaying several journals. From here the user can select the journal they wish to view and read more content from it. They can also view the assignment the specific journal is related to.
The welcome page after logging in. Here is the home page for the user after logging in. From here they can navigate to their assignment, journals and read some resources relating to students and the internship program.
Internport demonstration video.
Product

A portfolio site for the interns working at a company called Travelport. The application was developed using JAM stack technologies [Gatsby and Strapi ].
Travelport's design system [Atlas] was implemented in this project.
The project followed a UX process model consisting of several stages and demonstrates the usage of contemporary methodologies such as JAM stack, Headless CMS, Static Site Generators, and modern CSS, while also considering Progressive Enhancement.



Thesis

This document contains research in user experience, user interface, and front-end development methodologies. It aims to build an application designed to display assignments and journal-type posts written by users. The application is a portfolio site for interns of the Travelport company.
It was primarily developed using the JAM stack [ a client-side JavaScript, reusable APIs, and prebuilt markup web development architecture]. The technologies chosen that meet the criteria of a JAM stack application were Gatsby and Strapi.
The developer decided to follow a user-centred approach to the project and chose an iterative UX design thinking process consisting of five phases: empathize, define, ideate, prototype, and test. Maintaining a user-centred approach, the developer uses the Atlas design system to design the project’s web application. In addition, the developer explores improvements that could be made to the design system and the application’s UI using modern CSS techniques such as, fluid responsive design, improving the readability of content, and a web development strategy called progressive enhancement.


Creative Computing
All coursesClose
Top