Playfold
Playfold is a newly established company that develops applications and offers networking for brands and artists through their social platform. In 2017 I became the Creative Director of Playfold, undertaking the responsibility to create and represent the company’s image. Discover Playfold was the first commercial web application I made. The project’s purpose was to introduce the idea behind Playfold and engage audience, investors, and artists.
PROJECT
Black'n White Commercial Photography Portfolio LondonRole
Creative Direction Interactive UI Design User Experience Web Development Project ManagementTechnologies
Adobe Photoshop Illustrator Invision AsanaDesign Process
PlayfulInteractiveArtisticWhen I was assigned to create Discover Playfold, I received paragraphs of text to be formed into an application. After sorting the text and simplifying it into sections, I coordinated the team to revise the content for marketing use. I was then able to create the project skeleton and give structure to the web application.
The Challenge
With Playfold having no products to showcase other than text, I had to come up with a creative strategy to make the application appealing and engaging to the audience. I planned a new brand identity with a colorful palette, designed animated graphic elements, and drew illustrations to decorate the sections. The Web Application creates a story full of interaction, illustration and animation to engage the audience, turning navigation into a stimulating experience.
Project Breakdown
The development of Discover Playfold was challenging. The designs were full of image content, animations, and dynamic navigation which made it difficult to code. I decided to develop the project from scratch in JavaScript, HTML5 and CSS3 without the use of frameworks. This made the code fast and fully optimised despite the amount of animations and interactions it includes.
Responsive Design
The web application is supported to display in different devices and browsers, while its responsive design makes it completely adjustable to different screen sizes.
