ReelTime
Website Process
Every designer and project are different.
A designer's process can be described as a signature, and the content below will show my design thinking through ReelTime - a project made with a lot of heart.
Website Process
Scroll to see how the site for ReelTime Film & TV Analysis came to life.
Sticky notes with page title labels form the basis of the information architecture for ReelTime and the Concession Stand.
Sketched wireframe with notes for the home page
Wireframe notes for the ReelTime and Concession stand website.
Sticky notes with page title labels form the basis of the information architecture for ReelTime and the Concession Stand.
Website Sitemap, Information Architecture & Initial Wireframe
Sitemaps, information architecture, and initial wireframes form the foundational elements of a website design, playing a pivotal role in the overall user experience. Sitemaps outline the structure and hierarchy of a website, providing a bird's-eye view of its pages and their relationships. Information architecture involves organizing and categorizing content to ensure logical navigation, enhancing user understanding and engagement. Initial wireframes, on the other hand, serve as skeletal frameworks, mapping out the basic layout and structure of key pages, helping designers and stakeholders visualize the content placement and user journey. Collectively, these elements lay the groundwork for a well-structured and user-friendly website, fostering efficient collaboration, identifying potential issues early in the process, and ensuring a seamless and intuitive experience for the end user.
Website Wireframes
Wireframes provide the foundational structure and layout of a digital project, acting as visual blueprints that focus on content and functionality. They serve as a guide for designers in the early stages of the design process. Prototypes, on the other hand, are interactive models that simulate the user interface and flow of the final product. By creating prototypes, designers can test and refine user interactions, gather feedback, and ensure the end product meets user expectations. Together, wireframes and prototypes form an iterative design process, enhancing collaboration and resulting in a more refined and user-friendly digital experience.
The Suggestion Box mockup offers a safe place for users to share their feedback.
The Subscription mockup page with notes informs the next stage of user experience and design decisions.
ReelTime is where the magic happens and this mockup has useful notes to help improve the user experience.
The Suggestion Box mockup offers a safe place for users to share their feedback.
As the design progresses, additional refinements are made through testing and observation.
Ad space, which is a source of revenue is accounted for and noted in how it impacts the user experience.
The suggestion box is signed off.
As the design progresses, additional refinements are made through testing and observation.
Multiple Iterations
Multiple website iterations are crucial for refining and enhancing the overall user experience. Through successive iterations, designers can gather valuable feedback, identify usability issues, and make informed adjustments to improve functionality and aesthetics. This iterative process allows for continuous testing and refinement, ensuring that the final website meets user expectations and aligns with project goals. By incorporating user feedback into each iteration, designers can address potential issues early in the development process, leading to a more polished and user-centric website.
ReelTime on desktop computer at a desk.
ReelTime mobile website on phone.
Three panels with desktop versions of ReelTime and the Concession stand.
ReelTime on desktop computer at a desk.
And this was the final result...
Back To Top