エネルギーとイノベーションの融合、E-plan

シンプルさが魅力のウェブプラットフォーム

エネルギーとイノベーションの概念にインスピレーションを得た、ミニマルでフレンドリーなストーリーテリングを特徴とするE-plan。

フェデリコ・フラミニとエウジェニオ・ビニによるデザインチームは、より広いオーディエンスに訴えかけるためにシンプルさを重視しました。不要な要素を取り除くデコンストラクションプロセスを通じて、ポップな影響を受けたフラットでミニマルなスタイルに落ち着きました。ストーリーテリングは、バランス、アライメント、コントラストの三つの基本概念に基づいています。デザインの全努力は、明確な請求、より良い顧客体験、ユーザーフレンドリーなプロセスというブランドの主要な特徴とそのミッションを(明示的かつ無意識的に)表現しようとしています。

バックエンドでは、Headless CMS Directusを使用し、Vue.jsのバックオフィスを備えたNodeJSベースのデータプラットフォームとPostgreSQLデータベースを組み合わせています。このソリューションにより、E-planはシステムの状態を管理し、ビジネスとアカウントの活動を監視できます。ERP(Zeus)とOCR(家具の請求書をウェブデータに変換する)、Stripe(支払い方法)、Yousign(法的電子署名プラットフォーム)などのサードパーティシステム間の通信はAPIによって保証されます。

フロントエンドでは、Reactライブラリを使用しています。プラットフォームは、すべてのデバイスとブラウザで便利な体験を定義するために、レスポンシブに設計されています。

E-planのウェブサイトは、クライアントと見込み客にプランとオファリングを、シンプルで直感的な言葉で紹介しています。色の使用とミニマルなデザインにより、ユーザーは自然な方法で情報と洞察を発見することができます。また、OCRエンジンなどの技術を使用したオンボーディングワークフローは、UXを簡素化しています。その他のサードパーティシステムはバックグラウンドで動作し、さまざまな機能(例えばStripeでの支払い)を保証し、ウェブプラットフォーム(ユーザーアカウント)と企業組織(ERP)間の同期を可能にしています。

このプロジェクトは2022年5月に開始され、2023年10月にペルージャのクライアントによって承認されました。最も重要な課題は、ワークフローを設定し、UXを描くことでした。このプロセス中には、サードパーティシステム、ウェブプラットフォーム、ERP間の相互作用に関するいくつかの技術的問題を改善し、修正する必要もありました。

E-planは単なるウェブサイトではありません。ポップな影響とミニマリズムを組み合わせた没入型のデジタル体験であり、視覚的に魅力的でユーザーフレンドリーなプラットフォームを提供しています。クリーンな要素、鮮やかな色彩、創造的なマイクロインタラクションを特徴とし、顧客中心の哲学を強化する良好なユーザー体験を提供します。自動化されたデータ入力のためのOCRエンジンやIRP同期などの革新的な技術実装は、オペレーションを合理化し、ワークフローの効率を向上させます。レスポンシブデザインは、すべてのデバイスでシームレスな体験を保証し、常に効率的な顧客ジャーニーを提供します。

このデザインは、2024年のA'モバイルテクノロジー、アプリケーション、ソフトウェアデザインアワードでブロンズを受賞しました。ブロンズA'デザインアワードは、経験と創造性を証明する優れた創造的なデザインに授与されます。芸術、科学、デザイン、技術のベストプラクティスを組み込んでおり、強力な技術的および創造的なスキルを示し、生活の質の向上に貢献し、世界をより良い場所にしています。


プロジェクトの詳細とクレジット

プロジェクトデザイナー: Trice
画像クレジット: 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)
プロジェクトチームのメンバー: Teamleader: Federico Flamminii Head of Design: Eugenio Bini Project Manager: Carlotta Piandoro
プロジェクト名: E-plan
プロジェクトのクライアント: E-plan


E-plan IMG #2
E-plan IMG #3
E-plan IMG #4
E-plan IMG #5
E-plan IMG #5

デザイン雑誌でさらに詳しく読む