Real Estate Website
I created this project to explore how a real estate platform could present properties in a way that feels modern, professional, and easy to navigate. The goal was to design a site that puts the properties at the center while still providing a smooth experience for users searching for a home.
I started by structuring the website around the user's journey — from discovering properties through the hero search section, to browsing featured listings, learning about the company, and eventually getting in touch. I focused on creating a clean visual hierarchy, using large property imagery, simple typography, and spacious layouts to give the site a premium feel.
The website was developed from scratch using HTML, CSS, and JavaScript. JavaScript was used to add interactive features such as the property search and filtering system, favorite buttons, mobile navigation, and scroll-based animations. CSS media queries were also used to make the layout responsive across desktop, tablet, and mobile screen sizes.
Key focus: Responsive Design • UI/UX • Front-End Development • Interactive Components
Tools: HTML5 • CSS3 • JavaScript
0
26
GridSense — Smart Energy Monitoring Dashboard
Project Type:
UI Design & Frontend Development
Category:
EnergyTech / SaaS / IoT
Technologies:
HTML, CSS, JavaScript, Chart.js
Project Overview
GridSense is a smart energy monitoring
dashboard concept designed to help households and businesses understand,
monitor, and manage their electricity consumption through a centralized,
intuitive interface.
The platform transforms energy usage data
into actionable insights, allowing users to track real-time power consumption,
monitor connected appliances, estimate electricity costs, and identify
opportunities to improve energy efficiency.
Key Features
- Energy Monitoring: View current power consumption, daily energy usage, and estimated monthly electricity costs.
- Appliance Management: Monitor connected appliances, view their power ratings, and interact with simulated ON/OFF controls.
- Energy Analytics: Explore electricity consumption trends through interactive charts with weekly, monthly, and yearly views.
- Energy Efficiency Insights: View an energy efficiency score and identify potential opportunities to reduce consumption.
- Smart Alerts: Receive notifications about unusual energy consumption, prolonged appliance usage, and energy savings.
- Responsive Interface: Access the dashboard through a modern interface designed to adapt to different screen sizes.
- Dark Mode: Switch between light and dark themes for a more personalized viewing experience.
Design Approach
The interface combines a clean SaaS
dashboard layout with intuitive navigation, data visualization, and clearly
structured information. A consistent visual hierarchy, reusable UI components,
and a modern design language help users quickly interpret energy data without
unnecessary complexity.
Development
Built using HTML, CSS, and JavaScript,
GridSense incorporates interactive dashboard elements, dynamic appliance power
calculations, theme switching, and Chart.js visualizations.
The project demonstrates the integration of
frontend development and UI design principles to create a practical,
data-driven interface for a smart energy management platform.
Project Goal
The goal of GridSense is to explore how
thoughtful interface design and accessible energy data visualization can make
electricity consumption easier to understand, helping users make more informed
decisions about their energy usage.
0
36
Project:
Headphone 3D Modeling & Rendering
Project Overview
This project involved designing and developing a 3D model of a pair of
headphones using Autodesk Fusion 360. The aim was to create a modern,
functional-looking headphone design while exploring 3D modeling, form
development, and product visualization.
Design Development
I began by developing the overall shape and proportions of the headphones,
focusing on creating a balanced relationship between the headband, earcups, and
supporting components. I used Fusion 360's modeling tools to construct and
refine the individual parts before assembling them into a complete product.
Modeling Process
The model was created using a combination of sketches, extrusions, fillets, and
other solid-modeling techniques. Particular attention was given to symmetry,
proportions, smooth transitions, and the overall appearance of the product.
Rendering & Visualization
After completing the 3D model, I produced a rendered view to showcase the final
design. The rendering allowed me to present the headphones with realistic
materials, lighting, and surface finishes, making the final form easier to
visualize.
Skills Demonstrated:
3D CAD modeling
Product design
Autodesk Fusion 360
Assembly and component modeling
Surface/form development
Rendering and visualization
Attention to proportion and detail
Final Outcome
The final result is a complete 3D headphone model that demonstrates my ability
to take a product concept and develop it into a detailed digital model. This
project also helped me improve my understanding of CAD workflows and product
visualization.
0
57
CRUST AND FLAME PIZZERIA WEBSITE
I built a modern, responsive website for an imaginary
pizzeria called Crust and Flame and is designed to provide customers with an
engaging way to browse a restaurant’s menu and place orders online. The project
features a visually focused landing page, responsive menu layout, interactive
shopping dynamic quality controls, automatic price calculations and a mobile
friendly interface.
Key features:
· Responsive design for desktop and mobile
· Interactive pizza menu
· Dynamic shopping cart
· Add/remove items and quantity controls
· Automatic order total calculations
· Modern restaurant-focused UI/UX
· Custom branding, imagery and responsive
navigation
0
73