Awais Khalid's Work | ContraWork by Awais Khalid

Awais Khalid

UI/UX Designer for SaaS, CRM & High-Conversion Web & App Exp

Ready for work

Awais is ready for their next project!

Pakistan

Work Posts Services About

Pakistan

Haart · A Modern Real Estate Experience A complete responsive website redesign for Haart, built with Base44 to improve the home-buying and selling journey. ━━━━━━━━━━━━━━━━━━━━ 🎯 The Challenge The existing website contained valuable information but lacked a clear user journey, modern visual hierarchy, and an engaging experience. Key improvements focused on: - Modern UI with an editorial-inspired layout - Improved UX and navigation - Mobile-first responsive design - Better content hierarchy and readability - Stronger branding and trust - SEO-friendly structure and accessibility ━━━━━━━━━━━━━━━━━━━━ ✨ What I Built - Complete homepage redesign - Responsive experience (Desktop, Tablet & Mobile) - Modern design system - Improved property search experience - Better CTA hierarchy - Cleaner information architecture - Faster, more intuitive user journey ━━━━━━━━━━━━━━━━━━━━ ⚡ Automation Instant Property Evaluation Calculator Homeowners can instantly estimate their property's value before requesting a full valuation, helping generate qualified leads while providing immediate value. ━━━━━━━━━━━━━━━━━━━━ 🔍 SEO & Accessibility - Semantic page structure - Proper H1–H3 hierarchy - Mobile-first design - Accessibility improvements - Better Core Web Vitals considerations ━━━━━━━━━━━━━━━━━━━━ 🎥 Submission Includes ✅ Live Base44 Website ✅ Before & After Walkthrough ✅ Responsive Design ✅ Working Instant Property Evaluation Calculator ━━━━━━━━━━━━━━━━━━━━ 🚀 Outcome This redesign transforms Haart into a cleaner, faster, and more user-focused digital experience that improves usability, strengthens lead generation, and provides a scalable foundation for future growth. 🔗 Live Website: https://haart-a-porperty-seller-website-redesign.base44.app LinkedIn Post: https://www.linkedin.com/posts/awais-khalid85_giveitaglow-base44-share-7481581363675119616-Hf-I/?utm_source=share&utm_medium=member_desktop&rcm=ACoAACpMuj8BwWDxhi0EqvJZNptwL2kyBlIFJYU X Post: https://x.com/AwaisKhalid8575/status/2075816181412602138?s=20

Phoenix Studio is a conceptual design studio website built using Figma Make and Figma’s AI workflow tools, translating high-fidelity design into a fully interactive web experience. The project focuses on motion-driven storytelling, adaptive layouts, and interaction-first design to move beyond static UI into immersive digital experiences. Its key highlight is the hero section’s liquid before/after cursor reveal, where the background responds to mouse movement with a brush-like effect, creating the main visual and interactive centerpiece of the site. Across the experience, I focused on: 1. Smooth scroll-based storytelling using motion-driven sections 2. Spring-based micro-interactions for buttons, cards, and navigation 3. Scroll-triggered animations for progressive content reveal 4. A strong typographic hierarchy with adaptive scaling for all screen sizes 5. High-contrast minimal visual system inspired by modern design studios Live Preview (Figma Make): https://elbow-trick-38864577.figma.site/ Community File (remixable project): https://www.figma.com/community/file/1649057624817080292 The result is a cinematic, responsive studio website that blends interaction design, motion systems, and visual identity into a cohesive digital experience.

173

From Confusing to High-Converting SaaS Landing Page | Client Testimonial

121