- Brand
- UX & UI Design
- Web Dev
In un panorama digitale in continua evoluzione, la sicurezza informatica è diventata una priorità cruciale per le aziende di tutto il mondo. rev.ng Labs, azienda innovativa nel settore, ha deciso di intraprendere un ambizioso progetto per rivoluzionare il modo in cui vengono affrontate le sfide del reverse engineering. Per raggiungere questo obiettivo, l’azienda ha scelto di collaborare con Moze. Ecco il processo che abbiamo seguito per la realizzazione della nuova brand identity, la progettazione e lo sviluppo del sito web aziendale e l’implementazione di rev.ng Hub, una potente piattaforma web per il reverse engineering.
Definizione del progetto
Il primo passo verso la trasformazione di rev.ng è stata un’approfondita analisi delle esigenze dell’azienda e delle aspettative dei suoi utenti. Attraverso un workshop di co-design, i nostri progettisti hanno collaborato strettamente con il team di rev.ng per comprendere a fondo il perimetro del progetto e definire le principali funzionalità necessarie. Questo ha portato alla creazione di un concept grezzo, destinato a guidare lo sviluppo futuro.
Per approfondire: Come funziona il nostro Co-design Workshop
Brand identity e nuovo sito web
Abbiamo progettato per rev.ng un nuovo sito web, assieme al restyling della brand identity.
A partire dalla progettazione della brand identity è stato ripensato il sito web. L’obiettivo del restyling era creare coerenza visiva tra tutti i touchpoint del brand, che abbiamo ottenuto tramite l’utilizzo di elementi visivi come colori, gradienti e tipografia, mantenendo un feel tech e moderno grazie all’utilizzo di elevazioni e trasparenze.
Infine, abbiamo scelto gli strumenti e le tecnologie più adatte per creare il nuovo sito web. Coerentemente con l’attenzione di Rev.ng nel campo della sicurezza informatica, è stato scelto uno stack tecnologico che consente di generare codice HTML statico. In particolare, abbiamo scelto Next.js e il linguaggio avanzato di markdown, MDX. Next.js è un framework basato su React, che consente di beneficiare di una serie di convenzioni e strumenti che stanno diventando, nel tempo, standard de facto per i siti web basati su React. MDX è uno strumento che consente a chi inserisce e modifica i contenuti del sito di sfruttare le potenzialità dei componenti React. Il beneficio per Rev.ng è l’autonomia completa nel realizzare le pagine di contenuto a partire dai layout iniziali e dal design system da noi realizzato.
Creazione di rev.ng Hub
La fase chiave di questo progetto è stata la creazione di rev.ng Hub, una potente piattaforma web che permette agli utenti di effettuare la decompilazione di codici binari in modo rapido ed efficiente. Per garantire un’esperienza utente di prim’ordine e una solida architettura tecnologica, abbiamo utilizzato la tecnologia Next.js.
Next.js offre alcuni vantaggi notevoli come il rendering lato server (Server-Side Rendering) e la generazione di pagine statiche (Static Site Generation). Questo ha consentito di creare una piattaforma altamente performante, reattiva e facilmente scalabile.
Inoltre, abbiamo integrato il sistema di single sign-on Keycloak. Questa integrazione ha reso il processo di accesso e autenticazione sicuro e agevole per gli utenti. Keycloak è una soluzione di gestione delle identità e degli accessi open source che fornisce funzionalità avanzate di autenticazione e autorizzazione, consentendo agli utenti di accedere alla piattaforma in modo sicuro e veloce.
Durante la creazione di rev.ng Hub, abbiamo adottato una metodologia di lavoro agile e collaborativa. Questo approccio ci ha permesso di sviluppare le funzionalità in maniera incrementale, garantendo che ogni nuova iterazione apportasse valore al prodotto finale. Abbiamo lavorato a stretto contatto con il team di rev.ng, affinando in una call settimanale le caratteristiche della piattaforma in base ai loro feedback e alle esigenze dei loro clienti.
Per approfondire: Perché lavoriamo in modo Agile
Il risultato è una piattaforma web di decompilazione di binari altamente innovativa, con una UX eccellente e prestazioni elevate. Rev.ng permette agli utenti di eseguire il reverse engineering di applicazioni, creare repository pubblici o privati e condividere il proprio lavoro con altri professionisti del settore.
