Astrastellar

Astrastellar is a technology solutions provider offering innovative tools to help businesses streamline operations and scale on Pegasystems.

Scope of Work

  • Creative Strategy

  • UX/UI

  • Product Design

  • Motion Design

Overview

I served as the Lead Product & Visual Designer, where my primary role was to execute a 360-degree rebrand for Astrastellar. I collaborated with Venn Designs, a user experience agency, the founders — including a Product Owner — and a team of 4-5 engineers. Together, we overhauled the product ecosystem to reflect a bold new vision.

Challenge

The task involved transforming Astrastellar’s complex suite of tools into a unified, engaging experience. We introduced a gamified, immersive platform that includes a robust e-learning system for scaling PEGA skills, an interactive simulation tool for hands-on practice, and a comprehensive dashboard for tracking team performance metrics.

Outcome

This sprint helped Astrastellar gain notable recognition within the PEGA industry, positioning themselves as innovators and leaders. The platform received substantial buy-in and positive feedback from clients, and were invited to present their suite of products at a prestigious roundtable organised by Pegasystems, Accenture, and EVG.

Astrastellar was also featured by 10,000 Codeurs and BFM Business, and continues to promote their services, expanding their reach and showcasing their impact to a growing audience.

Revamp.

With innovation and technological growth at the core of the brand, our first step was to define a new design direction inspired by a utopian futuristic realm—a vision that led to a complete transformation, merging elements of science fiction with cutting-edge aesthetics.

My vision for Astrastellar was to craft a dynamic world where users could fully immerse themselves and explore its depths throughout their learning journey.

The result was a cohesive striking design ecosystem that extends far beyond a mere colour scheme, embodying the brand’s commitment to forward-thinking and technological advancement.

Sunscorch

Forstfjell

Deepwater

Obsidian City

Bushido

Mariner's Reach

Cogwork

Neonopolis

Highpeak

Starforge Citadel

Kingdom of Arcadia

Mythgard

Verdania

Voidborn

Aetheria

Nebula, Astrastellar's central hub

Nebula serves as the central gateway to the Astrastellar ecosystem, designed as both a dynamic entry portal and an immersive hub.

The platform features gamified elements that enable users not only to customise their avatars, track their performance, and engage more deeply with their learning path. Users can earn and display badges to showcase their skills and monitor their standings on a team leaderboard.

Vision, an immersive learning platform

As we started working on Vision, our primary goal was to immerse users in the Astrastellar realm as they progress in their Pegasystems learning path.

We set out to move beyond the traditional video course platform by creating a far more engaging experience — without compromising on the usability.

Beyond Vision's core functionality of streaming PEGA courses, we incorporated two additional features to enhance the learning experience:

A training and MCQ exam practice hub, where users can solidify their knowledge in preparation for certification exams.

Unlockable flashcards that users can access as they complete courses, providing a convenient way to review key concepts anytime.

The storytelling behind Vision

We meticulously mapped 15 course modules to 15 distinct regions within Astrastellar, each with its own captivating narrative—from a wintry landscape to old-style medieval settings.

Wubba lubba dub dub!

My portfolio is best viewed on a desktop. A mobile version is on the way — thank you for your understanding!

Let’s talk

hi@meriembenhabiles.design

Triomph

Astrastellar envisioned launching PEGA's first-ever customer mission simulator — a platform designed to bridge the gap between theory and practice by immersing users in real-world case scenarios.

Triomph offers a hands-on approach to problem-solving and skill development. We designed powerful features that seamlessly integrate into our users’ workflow, including step-by-step instructions, context-sensitive links and resources for documentation, and a dedicated area for troubleshooting errors.

No great design is achieved without iterations

While working on Triomph, I created an early concept that I shared with the product owner and the Astrastellar team to gather feedback. The design felt promising, but it needed something more. The design shown above is the final version — but it wasn’t the first. It's the result of a continuous improvement process.

Can we...

‘Make it more immersive?’

— Adam Bakir, Co-founder and CTO

‘Add some motion and movements in the design just like we did for Vision?’

— Emmanuel Kimpuni, CC0 Brand & Partnerships

AfterBefore

Metrix—deep dive into insightful data

We understand that unlocking the full potential of data is key to crafting actionable strategies. That's why we created Metrix, a state-of-the-art dashboard meticulously crafted for managers seeking to unlock profound insights into their team’s performance.

A good dashboard design starts with a well-crafted data strategy

Conceptual sketches

The final step focused solely on refining the aesthetics and enhancing the user experience, delivering a polished design that was both functional and engaging.

Low fidelity wireframes

With the concepts in hand, I moved on to creating wireframes to map out the dashboard’s structure. This phase allowed me to see how all elements would align and ensure the layout was both intuitive and aligned with our objectives.

Final look & feel

The final step focused solely on refining the aesthetics and enhancing the user experience, delivering a polished design that was both functional and engaging.

A consistent, flexible design system

We created a bold icon set, customisable avatars and a versatile infographic collection, all crafted to align with the futuristic utopian art direction. This cohesive visual approach ensures that every element feels seamlessly integrated into a unified family.

Meet Astrastellar, a PEGA pioneer

0.0


Months of productive work

+
0


Design sync & brainstorming calls with the founders

+
0


Design deliverables & assets

0


Very distinct products

Beyond design, Meriem’s strategic inputs helped

us completely rethink our objectives and approach. She’s been an invaluable asset to our projects. The quality of her work has consistently exceeded our expectations.

Emmanuel Kimpuni

Chief Commercial Officer - Brand & Partnerships, Astrastellar

Let’s get schwifty—don’t be a stranger! Drop me a line to say hello.

2024, Designed by Meriem Benhabiles with a lot of

,

and