UI Kit Design for Architecture Platform

This project was designed using Adobe Illustrator as part of the Digital Illustration course. The website interface and UI kit were developed for an architecture platform where current architectural news, events, and projects are shared. The interface design process initially employed a grayscale approach, followed by the creation of various design alternatives based on the established color palette for the website components. A color palette of cool gray, green, and blue tones was chosen to achieve a modern and sophisticated look in keeping with the architectural theme. The designed components include search buttons, forward and back buttons, on/off buttons, light/dark mode buttons, sliders, weather widgets, and hamburger menu designs.

grayscale
Grayscale Wireframe Design of the Website
colorfull
Colorful Wireframe Design of the Website
buttons
Alternative Button Designs for the Website
search buttons
Alternative Search Button Designs for the Website
search buttons
Alternative Slider Designs for the Website
weather widget
Weather Widget Design
hamburger menu
Responsive Menu Design for Mobile