ngena

ngena

Designed to showcase ngena’s global connectivity platform, the website and its platforms balances clarity, functionality, and innovation. Intuitive navigation and structured content highlight its fully automated, flexible, and secure networking solutions, making enterprise connectivity fast and efficient.

UI.UX

Adrian Ertorteguy

Role:

Branding, Web design, Creative, Marketing

Website Preview:

Revitalizing ngena: Rebranding, UX Evolution, and Platform Innovation

Revitalizing ngena: Rebranding, UX Evolution, and Platform Innovation

Redesigning ngena meant transforming an outdated brand into a modern, scalable, and visually cohesive experience. The process involved revamping the website, refining its identity, and enhancing the Quicksizer platform, evolving it from a basic interface into a more powerful and intuitive tool. The new design introduced both light and dark versions, maintaining a connection to ngena’s original aesthetic while bringing a fresh, modern feel. A key challenge was designing the UX and UI for .connect, a complex platform integrating multiple layers of network lifecycle management. This required balancing usability with technical depth, ensuring an intuitive experience while supporting intricate enterprise connectivity workflows. Additionally, front-end implementation via ServiceNow provided an opportunity to merge design and functionality, delivering a fluid, intelligent user experience

From Concept to Completion: Designing the Full Experience
From Concept to Completion: Designing the Full Experience

Redesigned ngena’s website, transforming it from an outdated platform into a modern, high-impact digital experience. Led the process from initial wireframing to final mockups, creating a visually striking and user-friendly interface that better reflected ngena’s brand and technological leadership. Focused on improving navigation, accessibility, and overall user experience, while incorporating modern animations to enhance engagement and guide users through key interactions. The new design not only elevated aesthetics but also made complex networking solutions easier to explore and understand.

Building the ngena Identity: Brand, Design & Marketing Collateral
Building the ngena Identity: Brand, Design & Marketing Collateral
Crafting the Narrative:
Designing & Writing Blog Content

ngena - Brandbook

ngena’s brand book, defining its visual identity, messaging, and design guidelines

ngena’s brand book, defining its visual identity, messaging, and design guidelines

View BrandBook

ngena - Digital PDFs

Designed digital materials ensuring clear communication, strong visuals, and consistency

Designed digital materials ensuring clear communication, strong visuals, and consistency

ngena - Chamie

Explore the process of shaping Chamie’s evolution and bringing its personality to life.

View Chamie

Building the Visual Identity: Designing the Brand, Logo & Assets
Building the Visual Identity: Designing the Brand, Logo & Assets
Building the Visual Identity:
Designing the Brand, Logo & Assets

ngena Icons

ngena Icons

Created a set of icons for ngena, blending clarity, technology, to enhance usability and brand consistency

Created a set of icons for ngena, blending clarity, technology, to enhance usability and brand consistency

ngena Ads

ngena Ads

Designed ngena ads to capture the brand’s innovation and global connectivity, blending striking visuals with clear, impactful messaging to engage the right audience

Designed ngena ads to capture the brand’s innovation and global connectivity, blending striking visuals with clear, impactful messaging to engage the right audience

PPT Master

PPT Master

Designed the ngena PPT master to unify branding, streamline presentations, and enhance clarity across all visual communications. Click the image to preview the full PPT Mater

Designed the ngena PPT master to unify branding, streamline presentations, and enhance clarity across all visual communications. Click the image to preview the full PPT Mater

.connect Platform Logo

.connect Platform Logo

Designed the .connect logo to represent seamless orchestration, security, network management.

Designed the .connect logo to represent seamless orchestration, security, network management.

Shaping the UX/UI for ngena's platforms: .connect
Shaping the UX/UI for ngena's platforms: .connect

At ngena, I played a key role in shaping the UX/UI of two critical platforms—Quicksizer and .connect—each addressing different aspects of network lifecycle management.

.connect was built from the ground up, a complex, multi-functional platform designed to manage the entire network lifecycle, from configuration and deployment to monitoring and optimization. The challenge was to create an intuitive, scalable interface that could integrate multiple technologies while remaining accessible to users handling intricate network operations.

Check the Full Demo video of the .connect Platform Bellow

Shaping the UX/UI for ngena's platforms: Quicksizer
Shaping the UX/UI for ngena's platforms: Quicksizer

Quicksizer, on the other hand, was focused on pricing and quoting networks, turning a highly engineered backend into a streamlined, user-friendly tool for configuring network solutions. By refining its UI and enhancing the workflow, we transformed it into a more efficient, visually cohesive quoting tool.

Light vs Dark

The first stage of the Quicksizer flow involved designing both light and dark versions.

Quicksizer Dark

Quicksizer Light

Embracing Dark Mode

The final result was established in dark mode, enhancing visual clarity, reducing eye strain, and aligning with modern UI trends.

View Quicksizer 2023

View Quicksizer 2023

Beyond UX/UI, I led branding efforts for both platforms, ensuring they aligned with ngena’s identity while remaining functional and modern. Additionally, I supported front-end implementation, working closely with developers to bring these designs to life with a focus on usability and efficiency.

This project was an opportunity to merge design, strategy, and technology, building platforms that empower businesses to navigate the complexities of modern networking with ease.

Strategize. Design. Build. Disrupt

© 2025 Adrian Ertorteguy

Strategize. Design. Build. Disrupt

© 2025 Adrian Ertorteguy

Strategize. Design. Build. Disrupt

© 2025 Adrian Ertorteguy

Strategize. Design. Build. Disrupt

© 2025 Adrian Ertorteguy