Istanbul Journey 🕌

#DesignDigital #EcoFriendlyDesign #Prototyping #Responsive

Türk dünyasi - Le monde Turc

Istanbul Journey (Voyage à Istanbul) is my first academic design project, completed in late 2019.

The challenge: create a fictional website for a contest offering an eco-friendly trip to Istanbul via the Orient Express. The concept unfolds across three pages: contest presentation and trip details, registration form, and testimonials page. The creative process followed a classical progression: exploratory moodboards, hand-drawn sketches, wireframe on Adobe XD, then desktop and mobile mockups. The project was finalized with HTML5/CSS3 coding on Visual Studio Code.

Colors

#382E37

#DD8158

#92565C

#544E61

#A49CB4

Typography

Design explorations

Creation process

Wireframe

Mockup

Final Mockups

mkp_istanbul_p1-1
mkp_istanbul_p1-2
mkp_istanbul_p1-3
mkp_istanbul_p-2
mkp_istanbul_p-1
mkp_istanbul_p-3-1
mkp_istanbul_p-3-2
mkp_istanbul_m-1
mkp_istanbul_m-2
mkp_istanbul_m-3
mkp_istanbul_m-4
mkp_istanbul_m-5
mkp_istanbul_m-6
mkp_istanbul_m-7
mkp_istanbul_m-8
mkp_istanbul_m-9

What I Learned

This project marks my first deep dive into the Adobe Suite — an intensive immersion in XD, Photoshop, and Illustrator. Beyond mastering the tools, I discovered the importance of structuring the design process (exploration → conception → prototyping → execution) and how to transform a conceptual idea into functional web pages.

It was also an opportunity to explore how design can communicate eco-conscious values, a theme that remains central to my creative approach.