Jul 12, 2024
Blending Function with Emotion: UI Exploration in Login & Landing Screens
In this visual concept, I explored two core pillars of digital product design — user trust and emotional engagement — through the lens of two familiar experiences: a login screen and a luxury car landing page.
🔐 Facebook Login Redesign
The login interface is often the first moment of trust. Here, I redesigned Facebook’s login with a clean gradient background, modern icons, and streamlined field hierarchy to make authentication feel lighter and more human. Accessibility and clarity were prioritized with large input fields and subtle shadow depth to elevate the minimalism.
🚗 Porsche Web Landing Page
Luxury demands boldness. I reimagined the Porsche mobile web page with high contrast visuals, clear power-stat breakdowns, and immersive image-first hierarchy. Every element supports the narrative of speed, power, and premium design — while remaining responsive and scrollable.
Both screens were rendered using a 3D mockup to highlight mobile-first design thinking and visual hierarchy clarity. This exercise helped me reflect on how even the simplest screens — when crafted intentionally — can influence user perception, trust, and brand presence.