Playground
I crafted these UI designs by drawing inspiration from existing website interfaces and mobile applications. I incorporated my unique design perspective to enhance user experience and the visual appeal, adding distinctive creative elements that elevate the overall aesthetic and functionality.
Playground
I crafted these UI designs by drawing inspiration from existing website interfaces and mobile applications. I incorporated my unique design perspective to enhance user experience and the visual appeal, adding distinctive creative elements that elevate the overall aesthetic and functionality.
Design 1: Headspace Signup Page
I applied Headspace's existing design language to maintain user familiarity and intuitive navigation. The curated placement of informational content invites users to discover the app's value proposition naturally through scrolling.
By relocating the app's benefits to the bottom of the page, I optimized the user flow, ensuring that the primary signup action remains unobstructed. This approach minimizes cognitive load during the signup process, allowing users to complete their intended task without early distractions.
Design 2: 404 Error Page
I redesigned the 404 error page with a playful culinary-themed twist, crafting a visual narrative inspired by Din Tai Fung. The design features a witty left-aligned text that reads "This page is a bit undercooked" - a humorous nod to the restaurant's experience. Where the original design showcased cheerful dumplings, I reimaged to feature downcast, sad-faced dumplings, capturing the disappointment of encountering a broken web page while maintaining a lighthearted, on-brand aesthetic.
Design 3: Netflix Movie
I recreated Netflix’s movie summary screen adding my own twist, using Figma.
Design 4: Weather
A simple weather app using Figma.
Design 1: Headspace Signup Page
I applied Headspace's existing design language to maintain user familiarity and intuitive navigation. The curated placement of informational content invites users to discover the app's value proposition naturally through scrolling.
By relocating the app's benefits to the bottom of the page, I optimized the user flow, ensuring that the primary signup action remains unobstructed. This approach minimizes cognitive load during the signup process, allowing users to complete their intended task without early distractions.
Design 2: 404 Error Page
I redesigned the 404 error page with a playful culinary-themed twist, crafting a visual narrative inspired by Din Tai Fung. The design features a witty left-aligned text that reads "This page is a bit undercooked" - a humorous nod to the restaurant's experience. Where the original design showcased cheerful dumplings, I reimaged to feature downcast, sad-faced dumplings, capturing the disappointment of encountering a broken web page while maintaining a lighthearted, on-brand aesthetic.
Design 3: Netflix Movie
I recreated Netflix’s movie summary screen adding my own twist, using Figma.
Design 4: Weather
A simple weather app using Figma.
Design 1: Headspace Signup Page
I applied Headspace's existing design language to maintain user familiarity and intuitive navigation. The curated placement of informational content invites users to discover the app's value proposition naturally through scrolling.
By relocating the app's benefits to the bottom of the page, I optimized the user flow, ensuring that the primary signup action remains unobstructed. This approach minimizes cognitive load during the signup process, allowing users to complete their intended task without early distractions.
Design 2: 404 Error Page
I redesigned the 404 error page with a playful culinary-themed twist, crafting a visual narrative inspired by Din Tai Fung. The design features a witty left-aligned text that reads "This page is a bit undercooked" - a humorous nod to the restaurant's experience. Where the original design showcased cheerful dumplings, I reimaged to feature downcast, sad-faced dumplings, capturing the disappointment of encountering a broken web page while maintaining a lighthearted, on-brand aesthetic.
Design 3: Netflix Movie
I recreated Netflix’s movie summary screen adding my own twist, using Figma.
Design 4: Weather
A simple weather app using Figma.
Case Studies
Check our other project case studies
Case Studies
Check our other project case studies
Case Studies
Check our other project case studies
© 2024 Zhi Qiu. All rights reserved.