Federico Flamminii and Eugenio Bini ᱨᱮᱱᱟᱜ E-plan ᱣᱮᱵᱽ ᱯᱞᱮᱴᱯᱷᱚᱨᱢ

Federico Flamminii and Eugenio Bini ᱨᱮᱱᱟᱜ E-plan ᱣᱮᱵᱽ ᱯᱞᱮᱴᱯᱷᱚᱨᱢ ᱫᱚ ᱢᱚᱵᱟᱭᱤᱞ ᱯᱨᱚᱛᱤᱡᱚᱜᱤᱛᱟ ᱵᱷᱟᱜ ᱨᱮ 2024 A' Design Award ᱠᱟᱥᱟ ᱯᱩᱨᱚᱥᱠᱟᱨ ᱨᱮᱱᱟᱜ ᱟᱹᱰᱤ ᱢᱟᱱ ᱟᱠᱟᱱ ᱡᱤᱛᱠᱟᱨ ᱠᱟᱱᱟ᱾

ᱠᱟᱥᱟᱢᱚᱵᱟᱭᱤᱞ· 2024

E-plan ᱣᱮᱵᱽ ᱯᱞᱮᱴᱯᱷᱚᱨᱢ

Federico Flamminii and Eugenio Bini ᱞᱮᱠᱟᱛᱮ

ᱜᱟᱦᱟᱠ: E-plan

ᱢᱚᱵᱟᱭᱤᱞ ᱵᱷᱟᱜ ᱨᱮ A' Design Award ᱠᱟᱥᱟ ᱯᱩᱨᱚᱥᱠᱟᱨ ᱡᱤᱛᱠᱟᱨ

29,629

ᱡᱟᱸᱪ ᱟᱠᱟᱱ ᱮᱣᱟᱨᱰ ᱡᱤᱛᱠᱟᱨ

#155174 ᱞᱟᱜᱤᱫ ᱮᱣᱟᱨᱰ ᱦᱟᱞᱚᱛ ᱡᱟᱸᱪ

ᱥᱟᱭᱤᱴ ᱧᱮᱞ ᱢᱮ A' Design Award ᱨᱮ ᱧᱮᱞ ᱢᱮ ᱯᱨᱮᱥ ᱨᱤᱞᱤᱡ ᱯᱩᱨᱥᱠᱟᱨ ᱵᱮᱡ

ᱨᱚᱝ

ᱰᱤᱡᱟᱭᱤᱱ

E-plan ᱣᱮᱵᱽ ᱯᱞᱮᱴᱯᱷᱚᱨᱢ ᱵᱟᱵᱚᱛ ᱛᱮ

E-plan ᱫᱚ ᱢᱤᱫ ᱣᱮᱵᱽᱥᱟᱭᱤᱴ ᱵᱟᱝ ᱜᱮ ᱠᱟᱱᱟ, ᱱᱚᱶᱟ ᱫᱚ ᱢᱤᱫ ᱜᱚᱲᱚ ᱰᱤᱡᱤᱴᱟᱞ ᱟᱱᱩᱵᱷᱚᱵᱽ ᱠᱟᱱᱟ ᱡᱟᱸᱦᱟᱸ ᱫᱚ ᱯᱚᱯ ᱚᱨᱥᱚᱝ ᱥᱟᱶ ᱢᱤᱱᱤᱢᱟᱞᱤᱡᱚᱢ ᱢᱮᱥᱟ ᱠᱟᱛᱮ, ᱢᱤᱫ ᱧᱮᱞ ᱞᱮᱠᱟᱛᱮ ᱫᱷᱚᱨᱚᱢ ᱟᱨ ᱵᱮᱵᱷᱟᱨᱤᱭᱟᱹ-ᱥᱚᱦᱚᱡᱽ ᱯᱞᱮᱴᱯᱷᱚᱨᱢ ᱛᱮᱭᱟᱨᱟᱭ᱾ ᱥᱟᱯᱷᱟ ᱚᱝᱜᱚ, ᱨᱚᱝᱜᱟᱲ ᱨᱚᱝ ᱟᱨ ᱥᱤᱨᱡᱚᱱᱟᱛ ᱢᱟᱭᱠᱨᱚ-ᱤᱱᱴᱟᱨᱮᱠᱥᱚᱱ ᱥᱟᱶ ᱱᱚᱶᱟ ᱫᱚ ᱱᱟᱯᱟᱭ ᱵᱮᱵᱷᱟᱨᱤᱭᱟᱹ ᱟᱱᱩᱵᱷᱚᱵᱽ ᱮᱢᱟᱭ ᱟᱨ ᱜᱽᱨᱟᱦᱚᱠ-ᱛᱟᱞᱟᱨᱮ ᱯᱷᱤᱞᱚᱥᱚᱯᱷᱤ ᱵᱟᱲᱦᱟᱣᱟᱭ᱾ ᱱᱟᱶᱟ ᱴᱮᱠᱱᱚᱞᱚᱡᱤ ᱞᱟᱜᱟᱣ, ᱡᱮᱞᱮᱠᱟ OCR ᱤᱧᱡᱤᱱ ᱟᱡᱛᱮ ᱰᱟᱴᱟ ᱮᱱᱴᱨᱤ ᱟᱨ IRP ᱥᱤᱝᱠᱨᱚᱱᱟᱭᱤᱡᱮᱥᱚᱱ ᱫᱚ ᱠᱟᱹᱢᱤ ᱠᱚ ᱥᱚᱡᱷᱮ ᱟᱨ ᱠᱟᱹᱢᱤᱦᱚᱨᱟ ᱫᱟᱲᱮ ᱵᱟᱲᱦᱟᱣᱟᱭ᱾ ᱨᱮᱥᱯᱚᱱᱥᱤᱵᱷ ᱰᱤᱡᱟᱭᱤᱱ ᱫᱚ ᱡᱚᱛᱚ ᱥᱟᱫᱷᱚᱱ ᱨᱮ ᱥᱚᱡᱷᱮ ᱟᱱᱩᱵᱷᱚᱵᱽ ᱮᱢᱟᱭ, ᱡᱟᱸᱦᱟᱸ ᱫᱚ ᱥᱟᱹᱨᱤ ᱜᱽᱨᱟᱦᱚᱠ ᱫᱟᱣ ᱮᱢᱟᱭ᱾

ᱢᱟᱱᱟᱱ

A' Design Award ᱠᱟᱥᱟ ᱯᱩᱨᱚᱥᱠᱟᱨ ᱵᱟᱵᱚᱛ ᱛᱮ

E-plan ᱣᱮᱵᱽ ᱯᱞᱮᱴᱯᱷᱚᱨᱢ ᱫᱚ A' Design Award ᱠᱟᱥᱟ ᱯᱩᱨᱚᱥᱠᱟᱨ ᱧᱟᱢ ᱟᱠᱟᱱᱟ, ᱱᱚᱶᱟ ᱫᱚ ᱱᱟᱣᱟ ᱵᱷᱟᱵᱱᱟ ᱛᱮ ᱵᱷᱟᱞᱟᱭ ᱰᱤᱡᱟᱭᱤᱱ ᱠᱚ ᱞᱟᱹᱜᱤᱫ ᱮᱢ ᱟᱠᱟᱱ ᱥᱚᱢᱟᱱ ᱠᱟᱱᱟ᱾ ᱱᱚᱶᱟ ᱠᱚ ᱫᱚ ᱰᱤᱡᱟᱭᱤᱱᱟᱨ ᱠᱚ ᱨᱮᱭᱟᱜ ᱵᱷᱟᱵᱱᱟ ᱟᱨ ᱵᱷᱟᱞᱟᱭ ᱠᱟᱢᱤ ᱡᱷᱟᱞᱠᱟᱣ ᱠᱚ᱾ E-plan ᱣᱮᱵᱽ ᱯᱞᱮᱴᱯᱷᱚᱨᱢ ᱫᱚ ᱠᱚᱞᱟ, ᱣᱤᱜᱭᱟᱱ, ᱰᱤᱡᱟᱭᱤᱱ ᱟᱨ ᱴᱮᱠᱱᱚᱞᱚᱡᱤ ᱨᱮᱭᱟᱜ ᱥᱤᱢᱟ ᱵᱟᱲᱦᱟᱣ ᱟᱨ ᱫᱩᱱᱤᱭᱟ ᱵᱷᱟᱞᱟᱭ ᱞᱟᱹᱜᱤᱫ ᱜᱚᱲᱚ ᱮᱢ ᱠᱟᱱᱟ᱾

ᱰᱤᱡᱟᱭᱤᱱ ᱯᱤᱪᱷᱟ ᱨᱮ

ᱯᱨᱮᱥ ᱠᱤᱴ

ᱰᱤᱡᱟᱭᱤᱱᱟᱨ ᱧᱮᱞ ᱠᱷᱚᱱ ᱠᱨᱮᱰᱤᱴ, ᱴᱤᱢ ᱥᱫᱚᱥᱭ ᱟᱨ ᱴᱮᱠᱱᱤᱠᱮᱞ ᱵᱤᱵᱚᱨᱚᱬ ᱮᱢ ᱟᱠᱟᱱᱟ᱾

ᱟᱞᱜᱟ ᱜᱩᱱ ᱠᱚ: The design team wanted to emphasize simplicity in order to speak to a wider audience. In this way, it started a deconstruction process to remove all the superfluous elements and landed on a flat and minimal style characterized by pop influences. The storytelling is based on three fundamental concepts: balance, alignment and contrast. All the design efforts try to represent (explicitly and unconsciously) the brand's main features and its mission: clear billing, better customer experience and user-friendly processes.
ᱢᱟᱯ ᱟᱨ ᱯᱮᱠᱮᱡᱤᱝ: The platform has been designed to be responsive, defining a convenient experience on every device and browser.
ᱴᱮᱜ ᱠᱚ: supply, energy, distributor, electricity, ui, ux, web, design, brand, minimal, ocr, payment, bill
ᱛᱮᱭᱟᱨ ᱛᱮᱠᱱᱚᱞᱚᱡᱤ: BACKEND. Headless CMS Directus, data platform NodeJS based with a Vue.js back office with PostgreSQL database. By this solution, E-plan can manage the system status, monitoring business and account activities. Communications between ERP (Zeus) and third-party systems - OCR (turns furniture bills into web data), Stripe (payment method), and Yousign (legal e-signature platform) - are ensured by APIs.

FRONT END. React Library.
ᱰᱤᱡᱟᱭᱱ ᱪᱮᱞᱮᱧ: The most important challenge was to set up the workflow and draw the UX. During this process it was also necessary to improve and fix some technology issues regarding the interaction between third-party systems, the web platform and the ERP.
ᱯᱨᱮᱨᱚᱱᱟ: A lot of the original inspiration is linked with the idea of energy and innovation. The brand mission inspired a minimal style and friendly storytelling.
ᱯᱨᱚᱡᱮᱠᱴ ᱥᱚᱢᱚᱭ: The project started in May 2022 and was approved by the client in October 2023 in Perugia.
ᱠᱟᱹᱢᱤ ᱦᱚᱨ: The E-plan website showcases plans and offerings to clients and prospects using simple and intuitive language. The use of color and a minimal design lead users to discover information and insights in a natural way. Also, the onboarding workflow simplifies the UX thanks to technologies such as the OCR engine that can automatize the data entry process. Other third-party systems work in the background, in order to ensure different functions (ie. Stripe for payments) and make interactions possible while synching between the web platform (user account) and the company organization (ERP).
ᱴᱤᱢ ᱥᱮᱫᱟᱭ ᱠᱚ: Teamleader: Federico Flamminii
Head of Design: Eugenio Bini
Project Manager: Carlotta Piandoro
ᱪᱤᱛᱟᱹᱨ ᱥᱟᱹᱦᱟ: Image #1: generated with mockuuups.studio (Mockuuups s.r.o)
Image #2: generated with mockuuups.studio (Mockuuups s.r.o)
Image #3: generated with mockuuups.studio (Mockuuups s.r.o)
Image #4: generated with mockuuups.studio (Mockuuups s.r.o)
Image #5: generated with mockuuups.studio (Mockuuups s.r.o)