Case Study / 03 Connektra × Syncromeda 2023

A SaaS, end-to-end.

Designing the full UX for Connektra.io at Syncromeda Technologies — a service-management SaaS platform — from research-led personas to high-fidelity prototypes ready for development handoff.

Connektra SaaS platform redesign cover
Role

UX Design Intern
Interaction · Visual · Flows · Prototyping

Team

Solo design lead
working with PM & engineering

Timeline

4 months
Pitched April 2023

Disciplines

Research · UX/UI · Web design · Prototyping · Dev collaboration

Highlights

Pioneering UX for a SaaS platform.

The deliverable spanned a landing page, a service-management dashboard, a pricing screen built to convert, and the interactive prototypes that pitched the whole thing internally.

Connektra mockup composition showing dashboard screens
H1 — Dashboard composition Final design
H2 — Component motion Loop
Connektra dashboard screen detail
H3 — Dashboard detail Final design
F
Working file

Open the Connektra working file in Figma

Browse the full UX flows, prototypes, and dev annotations in detail.

View in Figma
Context

Delivering impactful solutions.

Connektra.io was my first UX design internship — joining Syncromeda Technologies to work on a SaaS platform aiming to simplify how businesses manage their services. The brief: design something intuitive enough for non-technical users, deep enough for operations teams, and on-brand throughout.

Working alongside developers and a product manager, I focused on balancing functionality with aesthetics — applying user-centered design to a product where every screen had to earn its place.

01. Approach / Research-led method

Research first, design forever.

For Connektra, I led with a user-centered approach — aligning every design decision with user insights. The standout deliverable was a pricing screen that communicated value at a glance and felt true to the brand.

  • 01User insights first. Conducted research and analysis to ground every design decision in actual user behavior.
  • 02Developer collaboration. Partnered closely with engineering to ensure designs were technically feasible from day one.
  • 03Iterate to perfect. Moved from low-fi wireframes to high-fidelity prototypes through rounds of internal feedback.
  • 04Pricing that pops. Designed an engaging pricing screen that made the value proposition unmissable.
02. Landing / First impression

A clear, compelling introduction.

The landing page had one job: convey Connektra's value fast and send the right people deeper. A clean layout, deliberate visual hierarchy, and a single primary CTA carried the conversion logic.

Connektra landing page final design
01 — Landing page final design Web · Marketing
03. Product / Core dashboard

Simplified navigation, enhanced engagement.

The dashboard is where users live. I designed it for intuitive navigation and clear focus — surfacing the most-used features and pushing the rest into clean secondary patterns so the home screen never felt overloaded.

Connektra dashboard final design
02 — Dashboard final design SaaS · Product
04. Conversion / Pricing screen

Communicating value with precision.

The pricing screen was designed to align tightly with Connektra's brand and remove guesswork. Tiers laid out cleanly, value props up front per tier, and a visual treatment that drew the eye toward the recommended plan without screaming about it.

Connektra pricing screen final design
03 — Pricing screen Conversion-focused
05. Prototypes / Real-time feedback

Dynamic design for real-time feedback.

I built interactive prototypes that simulated the real user experience closely enough to test convincingly. Real-time feedback let me iterate fast — the gap between concept and sign-off shrunk dramatically.

Connektra interactive prototype overview
04 — Interactive prototype overview Figma → handoff
Reflections

What I'd take into the next role.

01

User-centered design wins.

Deep research and ongoing feedback led to designs that met real user needs — improving both functionality and perceived quality in ways assumptions never could have.

02

Collaboration fuels the work.

Strong partnerships with engineering and the PM kept execution smooth and ambitions aligned. Decisions made in conversation held up better than decisions made in isolation.

03

Iteration delivers.

Moving from low to high fidelity in deliberate steps — and actually testing at each one — produced a final product that felt confident rather than over-defended.

In Figma

The full file, live.

The complete UX flows, prototypes, and dev annotations — pan, zoom, and click into frames directly here.

Connektra · Live Figma file Open in Figma ↗
Back to the start

Muse by Interaxon →

Open in Figma