top of page
STUDENT TRAVEL WEBSITE
This travel website for students was designed as part of my second year Interactive Media group project, in which I took on the role of design lead.
This involved creating concept sketches, detailed page layouts and wireframes, page assets, and an interactive holiday randomiser prototype in Adobe XD.
The finalised page designs were created in Adobe XD before being implemented by the tech lead.
For this project, I also wrote detailed accompanying documentation and created a series of presentation slides to be used in the final project pitch.
About
DESIGN PROCESS
Process
To determine the design requirements for this project, the team first conducted individual research on existing travel websites, as well as the needs of the target user demographic. Each team member presented their findings to the group, and we collaboratively decided on the website's key features and brand imagery.
My first design task was to create a set of concept sketches for the site's icons and image graphics. As this website was targeted towards students, my design approach aimed to represent themes of fun, adventure and stress-free simplicity. At this point, the team also decided on a blue and green-focused colour scheme, representing themes of travel, calm and creativity.
_PNG.png)
Next, I created a collection of wireframes for each intended web page. The home page would present an accessible direct search bar and further search categories below, such as recommended packages, accommodation and transport options. This concept was later adapted to suit the specific location pages, and the home page was simplified to ensure a streamlined user experience. Initial designs also included a budget planner function, a questionnaire-based holiday randomiser and an interactive map.
At this point, layout designs for each page were divided evenly amongst the team's designers, and we collaboratively created a set of coloured wireframes in Adobe XD. For the location pages, I designed unique banners that would represent each country and provide a varied and engaging user experience.
.png)
Continuing in Adobe XD, I prototyped the user interface and flow of interactions for the 'Find me a Holiday!' feature. Here, users are able to answer a short multiple-choice questionnaire that selects a customised travel destination, based on their preferences. Using this interactive prototype as a guide, the team's developers implemented these pages in code.
GALLERY
Gallery
KEY SKILLS / SOFTWARE
Skills
Page layouts and interaction designs were created in Adobe XD before being implemented in code.
Project assets were shared and managed across the development team using GitHub and Google Drive.
This project followed an iterative design process, beginning with wireframing and user research.
Most 2D assets used in these page designs were hand-drawn by me in Clip Studio Paint.
Team tasks were coordinated using Monday.com.
Progress was monitored and action points were created in project meetings.
To effectively manage project tasks, development was broken down into sprints, with weekly meetings in place to discuss progress.
bottom of page