JOURNEY

As a travel enthusiast, I understand that students often have limited travel budgets. When visiting new destinations, they As a travel enthusiast, I practiced using HTML and CSS to create a website tailored specifically for students. Understanding that students often travel on limited budgets, I designed the site to offer travel support, destination insights, and budget-friendly options. The platform helps users discover key attractions, plan itineraries efficiently, and make informed decisions through curated recommendations and peer reviews. The goal is to simplify the travel experience for students by providing helpful, cost-conscious resources all in one place.

Web Interface Design | HTML & CSS

02 / 2021

Design System

Defined the comprehensive design system for the website, covering the color palette, typography, imagery style, iconography, and overall visual language.

Additionally, developed a clear and user-centered sitemap to guide content structure and navigation. This system ensured consistency across all pages and helped create a cohesive, accessible, and engaging user experience that aligned with the brand's identity.

HTML & CSS

With a basic understanding of HTML and CSS, I actively worked to align the final output with my design vision. Although my coding skills are not advanced, I made a strong effort to bridge the gap between design and development. I continuously tested, refined, and adjusted elements to ensure the final output closely matched my original design vision. This hands-on approach not only helped bring the design to life as intended but also deepened my understanding of responsive design, browser behavior, and technical limitations—making me a more thoughtful and collaborative designer.

Website Interface

The website will offer a variety of travel destinations for users to explore, with itinerary recommendations at different price points to suit diverse financial needs. It will feature categorized tourist locations, detailed descriptions of must-see attractions, and essential travel information to help users make informed decisions.

With a growing knowledge of HTML and CSS, I took a hands-on approach by learning as I designed the website. This process allowed me to adapt the design to fit technical constraints while discovering creative solutions. It strengthened my understanding of how design and development work together and enhanced my problem-solving skills along the way.

Phone Interface

I also designed a responsive mobile version of the website, ensuring a seamless experience across both laptop and mobile platforms. This process deepened my understanding of user experience and responsive design, while also providing valuable insight into effective communication with developers for future collaborations.