Implementation - Adding credits

After planning how our credit sequence would appear within the dating app interface, I began implementing the visual design using Canva. At this stage, my focus was solely on constructing the credit screen interface rather than filming the footage

I started by opening Canva and selecting a blank poster-sized template. Using a larger working space allowed me to design the layout clearly before resizing it later to fit the phone screen proportions. To replicate the dating app structure, I inserted a rectangle shape provided by Canva and positioned it where the profile picture would normally appear. I changed the color of this rectangle to black in order to create contrast and clearly separate it from the light background of the interface. This black box acts as the main credit panel.

Under the rectangle, I added two circular shapes to replicate the swipe interaction buttons commonly seen in dating apps. I adjusted the color of the circle to grey so they would contrast with the background while reminding. Subtle. Inside the circles , I inserted a red X and the other a pink heart. Resizing them to fit proportionally within the shapes. 

After adding my group member and actors names/roles it was complete. Through this design I realized the small visual details significantly affect realism. The position of shapes, color, contrast all contribute to whether the credits scene will be believable and realistic

This is the finished credit scene and dating app interface

After talking with my group, we all decided it would be best if we made our own name for the dating app instead of using "Tinder" so I also made corrections to that.

This is the finished dating app interface