Production company website redesign
Keystone Films
Keystone Films is a service production company based in France, Korea, Czech Republic and in Romania specialising in commercials, movies and TV series.
Roles & Responsibilities
UX solutions, Interface Design
Programs Used
Figma, Photoshop, Illustrator
Focused on organising key topics and issues to be effectively presented on the website. Tailored industries and topics to target specific audiences, with clear CTAs encouraging further exploration of the site, ultimately driving users to request a product demo.
Template design customised per category to enhance content and presented information.
UX copywriting.
Clear action buttons and CTAs to prolong screen time and engagement with user.
Service Blue Print and research about B2B websites and their user experience.
The Requirements
Client Meeting
“I would like to update our company’s website showcasing our offices in different locations, contact points and address.”
“What about diving the screen to present the different offices and make it more interactive?”
“We would like to add photos and quotes of our team for a welcoming vibe!”
“It would be nice to add a showreel of projects for each office!”
User Flow Modification
Closer to usability
Modifications to oversimplified user flow and lack of content and informations.
Constructed a new user flow adaptable to the original design style while adjusting to request- adding new pages, placement of content in the correct field.
Added a navigation bar for clear visibility of pages and destination. for users.
Added CTA for contact point as it was missing from the original website and is highly considered as a red flag for attracting new clients.
Adapted wireframes according to new UX flow and further to final design following style and brand guidelines of Keystone Films.
Content placement- showreels, team member photos, quotes and contact points as request by the clients.
Professional and clean design proposals with easy to interact experience.
Prototyping and final delivery + bug tracking with developer.
Wireframes to visual design
The visual identity
Design Overview
