Edit Template

Unicredit - 3.0 Generation Hack

2023

Visual Design, Motion Animation e Landing Page per l’Hackathon UniCredit 3.0 Generation Hack, con sviluppo di contenuti social coordinati.

Context

3.0 Generation Hack is an initiative developed by Opinno Italy in collaboration with UniCredit to engage university students and recent graduates in designing the bank of the future. The project promoted an open approach to innovation, inviting participants to develop ideas and solutions related to emerging technologies such as Artificial Intelligence, metaverse, and new digital experiences, through a program of workshops, mentorship, and collaboration.

Motion Design e Remo

The visual identity was built around a palette based on purple and blue, chosen to create a contrast with the institutional UniCredit red while still incorporating accent colors connected to the brand. The graphic language, fresh and dynamic, draws inspiration from timelines and digital slideshows, with extensive use of vector elements and corporate subjects to balance institutional tone and appeal to a younger audience. In parallel, a series of applications was developed, including a layout for a Remo conference with roundtables and a main stage for an online webinar.

Platform

The Landing Page followed the same visual guidelines, translating them into a simple and intuitive UX/UI experience. The structure was designed to clearly guide users through content, information, and calls to action, ensuring accessibility and immediacy.

Accessibility

The platform is developed in accordance with WCAG guidelines, supporting text scaling, adjustable line spacing and kerning, ARIA labels, and navigation compatible with screen readers, ensuring inclusive and compliant usability.

My takeaways

The project represented my first direct experience with the hackathon format, offering the opportunity to manage a brand identity in a cross-channel context. The experience required design consistency and the ability to adapt the visual language across different touchpoints while maintaining a unified communication system.

Questions for the Designer

How do you manage complexity in multidisciplinary projects?

My approach is based on a holistic vision. I never separate design from its technological implementation. In projects such as EmTech Italy and Huawei TechArena, my role has been that of a strategic bridge: I translate complex concepts into intuitive interfaces and coherent visual systems. I adopt a Data-Driven and User-Centric approach, where design is not merely aesthetic but functional, ensuring that the user experience (UX) directly supports the client's technological goals.

How does your technical expertise (HTML/CSS/WordPress) integrate into your creative process?

Unlike a pure designer, I have a solid background as a frontend developer. I understand both the limitations and the potential of code, which directly influences every decision I make during the UI design process. I design interfaces that are technically sustainable and optimized for the web (via WordPress), reducing the gap between the prototype in Figma and the final product. This allows me to manage web development independently, while preserving the creative vision and ensuring optimal performance.

What is your added value when working on Branding and Motion Design projects?

My added value lies in visual dynamism. I don’t limit myself to static layouts; I use motion design (After Effects) to bring brand identity to life, as seen in Ray-Ban: You’re On or Oakley: Beyond Human. Whether for events, social media, or digital interfaces, my goal is to create memorable experiences. This ability to merge traditional branding with animation allows companies to stand out, turning a simple image into an interactive communication asset.

How do you approach 3D design and product visualization projects?

For me, 3D is a tool to shape the impossible. I use software such as Blender and Substance Stager not only for aesthetic purposes, but for product visualization and prototyping, as in the project The Rim. From modeling to final output (rendering), my skills allow me to integrate 3D elements into complex digital contexts to enhance every detail, while maintaining full control over the quality of the visual design.

What role does your experience in directing, streaming, and video mapping play in your portfolio?

It demonstrates my technical versatility. Managing live events, directing, and video mapping (as in EmTech Italy) has taught me how to work under pressure. This cross-disciplinary experience allows me to approach digital projects with a critical-ready mindset: I can coordinate real-time workflows and maintain focus on output quality even in unpredictable scenarios, such as those experienced with Torino City Lab.

What makes your problem solving unique in innovation contexts?

My approach is that of a pragmatic innovator. I am used to working on Call for Solutions and digital innovation projects, such as Poste Italiane Call for Solutions and Unicredit Hack. My ability to move across graphic design, 3D, and UX/UI allows me to analyze problems from multiple perspectives. I focus on sustainable, scalable solutions aligned with the specific needs of corporate ecosystems, always aiming for maximum communication impact.

Edit Template

Vincenzo Franco

Graphic UX/UI Design-Developer

3D Design | Motion Design | Branding | Web-Building

© Vincenzo Franco, all rights reserved.