What Have I Done
Stakeholder Interview
To identify the key needs and objectives for this website project, I prepared a set of questions
and conducted an [interview] with the stakeholder to know how I can contribute effectively to the
project. After this interview, I had a clear idea of the problem and identified the need to create a
user-friendly website and highlight destinations, comfort and safety, specifically for Filipino
tourists.
Competitor Research
To assess and evaluate the websites and strategies of companies that offer van services and
tours around Europe, I conducted a [competitor research] that will aid in enhancing the design
and customer experience for this project. From the findings, it shows that most companies list
their services under specific sections on their websites. Along with this, they use visuals on the
homepage and have a straightforward layout. Key features assessed from these companies
include having online booking, a floating messaging button and mobile optimization.
Mood Board
I began listing down the sections I need to do and the number of pages it will take to complete
the website. I searched online for some inspiration for the UI/UX layout and compiled these
images I found into a [mood board].
Sketches and Wireframe
After collecting the design references I have and narrowing them down, I turned these ideas into
[sketches] for the website pages. Following this, I did a [wireframe] to apply the feedback I
received from the stakeholder since this serves as my guide to visualize the layout. Aside from
that, I also considered several UI/UX approaches making sure it is structured properly,
functional and visually appealing.
Website Prototype
Initially, I gathered online inspirations mostly from travel and business-related platforms. I
compiled references for navigation bars, those travelling websites with scenic hero sections,
service cards, contact forms and ratings into a moodboard. Afterwards, I designed the [website
prototype] with a simple layout, as requested by the stakeholder. This reflects a more practical
approach aimed at delivering minimalistic yet user-friendly website experience.
Website Development
Once the design was complete, I did [website development] by coding the final pages which
consisted of Home, Services, Reviews, and Booking. I was able to explore different frameworks
such as ReactJS and Bootstrap to build and enhance the website.
Final Version
The stakeholder’s feedback is necessary. They are key to the completion of this project. With
this, I pitched to Patrick the [final version] of the website which then gave me important
feedback that allowed me to polish and make some few final changes on the UI/UX layout and
functionality.
Future Implementations
In finality, I wrote down [future implementations] of what I could’ve done but wasn’t because of
time constraints on this website development. I did this to know what ideas I had that could
somehow add for future reference or include to other projects.