Door La Door: Client Project
(Team of 2)
My Role: UX/ UI designer
Tools: Figma, Canva, Notion, Google Sheets
Duration: Four weeks
Project Overview
About DoorlaDoor
Welcome to the Doorladoor Video Transfer Website Redesign project overview—a transformative initiative to enhance user experience (UX) and user interface (UI) for Doorladoor, a trusted industry leader with over 35 years of video transfer expertise. Doorladoor preserves cherished memories by converting old video tapes into high-quality digital formats.
Project Objectives
The primary goal of this project is to revamp the Doorladoor website to create a seamless, intuitive, and visually engaging platform that reflects the company's commitment to preserving memories. The redesign aims to enhance user satisfaction, streamline the video transfer process, and establish Doorladoor as a modern, trustworthy brand in the digital preservation.
Problem
Users face challenges in finding an affordable, safety-compliant, insured, and unlimited storage platform for digitizing their family's home videos, leading to a time-consuming and uncertain process.
Analysis
Ideation
Solution
We propose a user-centric platform addressing user needs. Our solution integrates affordability, safety compliance, insurance coverage, and unlimited storage, redefining and streamlining the home video digitization process. With a user-friendly interface, we provide a reliable and efficient platform for preserving cherished memories.
Meet Jessalyn
The Gift Giver
Jessalyn's grandmother’s 70th birthday is, and her family is flying to Florida to celebrate. Jessalyn was looking for the perfect gift when she stumbled upon her grandmother’s VCR. She did research and found a few companies that digitize home videos.
Discovery
User Flow
We created a user flow that guides our primary persona, Jessayln, through the steps of researching Doorladoor, viewing all product offerings, selecting a digitizing box, and confirming her order.
Outcomes
Design Iterations
In additon to enhancing the overall UI of the site, we implemented DoorlaDoor kit’s were customer’s have the ability to ship their personal item’s and have the final product shipped back to them. We offer three different size boxes in different prices, and a how it work’s page to guide the user through the process seamlessy.
Hi-Fi Prototype
And finally our prototype! Take a look as our user Jessalyn goes through the step’s of ordering a kit.
This lead us to a defined understanding of our user
The primary objective behind reimagining the DOORLADOOR Digitizing company's logo is to fortify its brand identity. Through intentional design choices, the logo underscores the intrinsic link between capturing timeless memories and the joy of reliving them on screen. This concept is visually encapsulated by employing symbolic elements: heart-shaped visuals, evoking sentiments of love and happiness, and a camera positioned on the screen, symbolizing the act of capturing these cherished moments. Additionally, the incorporation of the company name, Doorladoor, in bold lettering accentuates brand recognition, solidifying the logo as a visual anchor for the brand's values and services.
Key Features:
Intuitive Navigation: Redefine the website's information architecture to ensure easy navigation, allowing users to explore the range of services Doorladoor offers effortlessly. The goal is to create a user-friendly journey from landing on the site to completing a video transfer order.
Modernized UI Design: Implement a contemporary and visually appealing UI design that aligns with Doorladoor's commitment to embracing the digital age. This includes a refreshed color palette, modern typography, and high-quality imagery to enhance the aesthetic appeal.
Responsive Design: Prioritize a responsive design approach to ensure a seamless user experience across various devices, including desktops, tablets, and mobile phones. This will enable users to interact with the website conveniently, regardless of their chosen device.
Enhanced Order Process: Streamline the video transfer order process with clear, step-by-step instructions and an intuitive interface. Implement features that allow users to track the progress of their orders and receive timely updates on the status of their cherished memories.
Interactive Showcase: Develop an interactive showcase to highlight Doorladoor's success stories and showcase before-and-after examples of video transfers. This section aims to build trust and convey Doorladoor's expertise in preserving memories with care.
Educational Resources: Integrate educational resources, such as blog posts and video tutorials, to inform users about the importance of video preservation, the benefits of digital formats, and how Doorladoor's services stand out in the market.
To kick off our design process, we started by hand sketching how we envisioned the home page of our site to look.
From there, we were able to develop our wireframes
Comparative & Competitive Analysis
My teammate and I created a detailed C+C analysis to find the digitalizing market gap.
-
Digitize her grandmother’s home videos in a short span of time.
Find a service within her price range.
Be able to share the home - videos through multiple applications.
-
Fair pricing
Unlimited storage
Insurance and safety guarantee
App-based sharing via email, text, and social media.
Free digital downloads.
-
She doesn’t want to be responsible for managing files.
Pricing gimmicks and hidden fees for digital files.
Large files that take up too much device space.
charge an extra fee for digital downloads.
should have access to maximize quality video
Sitemap
In our UX design process, we prioritized creating a sitemap before delving into wireframes to establish a solid foundation for user experience. The sitemap serves as a strategic roadmap, helping me visualize the overall structure and hierarchy of the website or application.
Logo Redesign