Loading ...

Responses by Marta Monforte, UX project director, Marcos Bejarano, UX/UI director and Marc Taulé, developer, Plastic

Background: The main objective of the site was to launch Plastic’s new branding as an agency specializing in design and development of quality digital products and services that are personalized, focused on users and with a strong visual technological and UX focus. The fundamental targets are global companies that look for quality product development as well as the digital design and development community.

Challenges: It is always difficult to create something for yourself. The doubts of whether you are on the right track and the feeling that you are never good enough play against you and, at times, make the work too hard. It is important to be demanding, but also to know when to stop and keep moving forward. It was also challenging finding time to dedicate ourselves to the site. It was important to treat our website as a project, not something we did in our spare time.

Favorite details: That we looked for inspiration in the roots of design—what better place to look than Bauhaus as the main reference? From there, we took inspiration from Bauhaus colors, typography, shapes, illustrations and animations. We wanted our website to be a nod to Bauhaus, but mostly, we wanted it to represent our culture and values. We also wanted the presentation of each case study to have that essence and feeling of a unique product with a soul.

Navigational structure: Since the interactions and the transitions were a key element in the development of the website narrative, we wanted to design navigation that would personalize the experience. It was essential that everything felt fluid in the navigation. Above all, we wanted animations to accompany users during navigation, while also ensuring they were not a nuisance or felt unnatural.

Technical features: We developed the website using Visual Studio Code, since it allowed us great flexibility thanks to its external extensions. For the backend, we used Laravel. The front-end was developed using Javascript with Query, PHP and Sass (CSS). For the animations and transitions, we used the animation library GSAP so we can achieve fluid movements that optimize the browser performance.

plasticbcn.com

Browse Projects

Click on an image to view more from each project
X

With a free Commarts account, you can enjoy 50% more free content
Create an Account
Get a subscription and have unlimited access
Subscribe
Already a subscriber or have a Commarts account?
Sign In
X

Get a subscription and have unlimited access
Subscribe
Already a subscriber?
Sign In