Cineco

Context and Challenge

Context:

Project Type: Redesign of a ticket booking and purchasing website.

Main Objective: Improve user experience in the process of booking and purchasing movie tickets.

Client/User Description: Users seeking a quick and easy experience for booking and purchasing movie tickets online.

Challenge:

Design Challenges: Create an intuitive and attractive interface that works well on desktop devices.

Constraints: Keep the design within the brand's style guide and ensure high accessibility for all users.

Research and Discovery

Research Methods:

Benchmarking: Comparison with three leading movie ticket booking sites.

User Personas: Creation of detailed personas to represent different user types.

User Interviews: Interviews with frequent users of the current site to understand their frustrations and desires.

Usability Testing: Usability testing with initial prototypes to identify navigation and comprehension issues.

Key Findings:

Benchmarking: Identification of successful features and designs in competitor sites.

User Personas: Understanding the diverse needs and behaviors of users.

User Interviews: Identification of common issues, such as difficulty finding movies and slow load times.

Usability Testing: Improvement of navigation and simplification of the booking process.

Conceptualization and Design

Methodological Approach:

Use of Design Thinking to iterate quickly on design ideas.

Design Methodology:

An agile approach based on Design Thinking was applied to understand user needs, prototype rapid solutions, and iteratively validate the interface design.

User Flows:

Design of clear and efficient user flows using Whimsical.

Wireframes:

Creation of low and mid-fidelity wireframes in Figma.

Wireflows:

Creation of mid-fidelity wireflows in Figma.

Prototypes:

Development of interactive prototypes in Figma for user testing.

Implementation and Results

Development

Implementation of the new interface

User Flows:

Two main flows were developed; one for booking tickets without logging in and another for continuing a purchase started at another time, saving and reminding the user of their last visit.

Results:

Reduction of average booking time by 30%. Increase in user satisfaction according to post-launch surveys.

Feedback:

Positive feedback from users highlighting ease of use and modern aesthetics.

Technologies and Tools

Design tools:

Figma: For wireframes and prototype, and Hand-off

Whimsical: For user flows and task flows.

UX Research and Validation:

Optimal Workshop: For one card sorting and two tree testing information architecture validation.

Portfolio and Communication:

Behance: Served as a repository for showcasing project portfolios and design work to a broader audience.

Achievements and Learnings

Achievements:

Reduction in task completion times to more quickly fulfill user flows.

Learnings:

The importance of iterative user testing to improve user experience.

Impact and Benefits

Impact:

Significant improvement in user experience and booking process efficiency.

Benefits:

Increase in online bookings, reduction in drop-offs during the purchase process, and higher user satisfaction.

For more details and to explore the project.

Explore the Cineco app redesign in my Behance portfolio. Details of the design process, illustrations, and specific use cases for this project.

Behance

Ensure effective collaboration on the Cineco project with detailed handoff resources. Clear specifications and reusable components for a smooth transition between design and development.

Hand-off

Maintain consistency in the Cineco project with a robust design system. Facilitate component reuse and ensure a cohesive user experience.

Design system

Experience the Cineco app redesign through interactive prototypes. Test functionality and usability before the final implementation.

Prototype