Kristian Stojani /Intro
Open to new rolesKristian StojaniGet in touch
Intro

KristianStojani — Product Design Portfolio

I design products that make sense the first time someone uses them, and I stay close enough to the code to make sure they ship that way.

Now
Senior UI/UX & product designer and design lead at Grow Nearby
Languages
English (C1), German (B1/B2), Macedonian (native)
Looking for
A senior UI/UX or product design role on a team that cares how things work

Selected work

Four products, four design languages. Short on time?

Grow Reviews

Grow Reviews

A reputation platform designed around three very different jobs.

SaaS, web and mobile
Nexu

Nexu

A peer-to-peer wallet that feels familiar, only faster.

Fintech, mobile
What’s Poppin’ Penny?

What’s Poppin’ Penny?

A kids podcast with 100,000+ downloads, and a shop built right in.

E-commerce, web
Grow Nearby

Pages that make the phone ring

High-conversion websites for home service brands, on one flexible system.

Web, design system, 11 live client sites
Grow Reviews
Grow Reviews

One platform, three very different jobs.

Home service companies live on reviews, but most review tools are built for marketers. Grow Reviews had to work for the technician in the van and the owner running the business, without either one wading through the other’s screens.

Role
Product design, end to end
Surfaces
Web dashboard, mobile app, landing page
Users
Technicians, admins, super users
Delivered
Flows, design system, UI, prototypes
The problem
Review tools are built for marketers. This one had to work for technicians in the field and owners in the office.
What I did
Role-based views across web and mobile, one shared design system, and a landing page in the same project.
What it became
An end-to-end platform where each of three roles lands straight on their own job.

Same product. Each role lands on its own job.

Instead of one dashboard with everything, every role sees the task in front of them. Switch roles to see what changes.

Simplified recreation for this page, with sample data.

Technician

Their job
Ask a happy customer for a review before driving to the next job.
What I designed
A mobile flow to send a review request, add project photos and record a video testimonial in a few taps.
What I kept out of the way
Analytics, settings and everyone else’s work.

The decisions that shaped it

Skip full wireframes

Direction was clear and the timeline short, so I went straight to high fidelity and got feedback on real UI. The tradeoff: more rework risk, which the component system kept cheap.

One system for web and mobile

Color tokens, a type scale, buttons, form fields and review states, built once in Figma and shared across both platforms.

Role-based views, not one dashboard

Three users with three jobs. Each lands on their own task, and admin controls stay reachable without becoming the main event.

Landing page in the same project

The marketing site and the product tell one story, with value props written for first-time visitors.

Handoff with every state

Clickable prototypes for review capture, company setup and feedback widgets, plus annotated files with edge cases documented for development.

Final screens

Grow Reviews dashboard and mobile app
Grow Reviews review request flow
Grow Reviews role-based dashboards
Grow Reviews company management
Nexu
Nexu

A wallet that feels familiar, only faster.

Nobody wants a new mental model for their money. Nexu is a peer-to-peer wallet for sending money, paying bills and invoicing, designed to feel trustworthy from the first screen.

Role
Product designer, alongside a senior product designer
Platform
Mobile app
Focus
Onboarding, identity checks, transactions
The problem
People won’t learn a new mental model for their money, so the wallet had to feel familiar and trustworthy at once.
What I did
Designed onboarding, identity checks and send, request and transfer flows with their edge cases, then handed off prototyped, annotated files.
What it became
A wallet built on patterns people already trust, with clear review and confirmation at every step.

Three rules we designed by

Familiar beats novel

Patterns people already trust from their banking apps, executed with less friction.

Trust at every step

Identity checks, clear review steps and confirmations that answer “did it work?” at a glance.

Edge cases are part of the flow

Send, request, transfer and verification were mapped with their edge cases, not after them.

Send money, step by step

Step 1 of 4

Start with people, not forms.

Recent contacts come first, so paying someone again takes one tap. Search covers names, numbers and usernames in a single field.

Simplified recreation of the flow for this page, with sample data.

  • Onboarding
  • Identity verification
  • Send
  • Request
  • Transfer
  • Bill payments
  • Invoicing

Final screens

Nexu wallet overview screens
Nexu onboarding screens
Nexu payment screens
What’s Poppin’ Penny?
What’s Poppin’ Penny?

A kids podcast that needed a shop, not a second business.

I owned the UX, the UI and the build for a podcast and store that families use together.

Role
UX, UI and build, end to end
Platform
Framer site with integrated commerce
Audience
Kids, and the parents who buy
The problem
The client wanted a merch store without Shopify’s extra subscription and a split experience.
What I did
Owned UX, UI and the build, with a lightweight purchase flow integrated directly into Framer.
What it became
One site for a podcast with 100,000+ downloads and its store. The client called me the best web designer they’ve worked with.

How do you add a store without adding a monthly bill and a second experience?

  • ✓One site, one experience for families
  • ✓No extra subscription
  • ✓Simple for the client to run day to day

What we did: a lightweight purchase flow built directly into Framer.

How it came together

  1. Ep. 1
    Problem and constraintsWeighed Shopify against cost, overhead and a split experience.
  2. Ep. 2
    Experience and scopeScoped a store that fits the content platform instead of competing with it.
  3. Ep. 3
    Information architectureContent and shopping in one structure, with clear paths for parents.
  4. Ep. 4
    UX and UIAge-appropriate and playful, with shopping states parents can trust.
  5. Ep. 5
    Commerce integrationA custom purchase flow inside Framer, plus the plug-ins the client asked for.
  6. Ep. 6
    Build, test, iterateBuilt it myself, tested it and refined it after launch.

From the client

“Kristian is hands down the best web designer I’ve ever worked with! He took my vision for my podcast website and brought it to life with seamless functionality and a beautiful, user-friendly design. I had a long list of custom requests, including multiple plug-ins and an integrated merchandise shop, and he handled each one with efficiency and expertise.”

Toni KennedyCreator of What’s Poppin’ Penny?
Visit the live site

Final screens

What’s Poppin’ Penny homepage
Podcast episodes page
Merch shop page
Product detail and checkout
Grow Nearby
Grow Nearby

Pages that make the phone ring.

High-conversion websites for home service companies, from HVAC and plumbing to roofing and garage doors. I lead the design, own the system behind it, and build many of the pages myself as production HTML.

Role
Design lead
Scope
Structure, flows, UI, component system, front-end build
Work with
Developers, SEO, account teams
The problem
Homeowners with an urgent problem need to trust a company and call within seconds.
What I did
Conversion-led page structure and UI, plus a reusable component system, often built myself as production HTML.
What it became
Live client sites in 7 states and 6 trades, each built on shared components and each still sounding like its own business.

Anatomy of a page that converts

Someone with a broken AC doesn’t browse. Every section answers one question they have, in the order they have it. Tap the numbers, then see each pattern on the real client sites.

Call (555) 012-3456
Same-day AC repair in Tampa

Licensed technicians, upfront pricing, on your schedule.

Call nowBook online
★ 4.9 on GoogleLicensed and insuredUpfront pricing
AC not coolingNo heatTune-ups
Showed up the same afternoon and fixed it in an hour.
Get my quote
Tap to call

Schematic of the pattern, not a specific client site.

01

The phone number never leaves the screen

For an urgent repair, calling beats browsing. The number lives in the header on desktop and stays one tap away on mobile.

On the live sitesCuroso Plumbing pairs its number with a promise: a live person every time, no AI and no messages.

Eleven live sites. One system underneath.

Real Grow Nearby client sites I’ve worked on, from HVAC in Costa Mesa to garage doors in Ogden. The building blocks are shared, so every site gets the same conversion basics. The voice is not, so every site still sounds like the business that owns it.

11live client sites
7states, coast to coast
6trades, from roofing to pressure washing
geteco.com
Plumbing, electrical, HVAC · Columbus, OH

We Come Through For You When You Need Us To.

Get In Touch Now!
01 / 11

Eco Plumbers, Electricians & HVAC

Plumbing, electrical, HVAC, Columbus, OH

Opens with
“We Come Through For You When You Need Us To.”
Leads with
Seven written guarantees, from up-front pricing to “No Lemons.”
Sounds like
A founder story that began with a $50 loan, and an app that monitors your HVAC.
Visit geteco.com

Details are taken from each live homepage, October 2026.

Designed in Figma, shipped as production HTML, judged by calls and bookings.

About

Systems thinker, by training and by habit.

I’m Kristian, a senior UI/UX and product designer with 6+ years of experience designing digital products, websites and web applications.

I specialise in Figma, design systems, interactive prototypes and user-centred interfaces. I work closely with developers and stakeholders, from the first user flow through design QA and developer handoff, and I also create the presentations and marketing materials that help a product land.

My degree is in Information and Communication Technologies. It’s why I think in systems, talk comfortably with developers and often prototype in code. This site is hand-built HTML and CSS.

At Grow Nearby I lead design across web applications, customer portals and client websites, and I’m part of how the agency runs, from its team structure to its growth strategy.

How I work

  • Start with the job, not the screenWho is this for and what are they trying to get done? Grow Reviews started with three jobs, not one dashboard.
  • Make the tradeoff visibleSkip the wireframes or build instead of buy, I say what we gain and what it costs. See Penny.
  • Design the system, then the pageTokens and components first, so the tenth screen is as good as the first. See Grow Nearby.
  • Stay until it shipsAnnotated handoff, every state documented, and often the front-end code myself.
Skills
UX strategy and information architecture, design systems and scalable components, wireframing and interactive prototyping, responsive web and mobile design, user flows, interaction design, user research, accessibility (WCAG), design QA and developer handoff, agile (Scrum)
Tools
Figma (design systems, Auto Layout, Dev Mode), FigJam, Framer, Adobe XD, Photoshop, Illustrator, InDesign, Maze, Relume, Jira, ClickUp, Trello, Slack, ChatGPT, Claude, Gemini
Languages
Macedonian (native), English (C1, professional), German (B1/B2)
Experience

Where I’ve worked

  • Grow NearbyTampa, FL, remote2021 – now
    • Senior UI/UX & Product Designer, Design LeadApr 2021 – now
    • Interfaces for web applications and customer portals
    • Wireframes, user flows and interactive prototypes in Figma
    • Scalable design systems and reusable UI components
    • Design QA and developer handoff
    • Information architecture and navigation
    • UX, UI and quality audits, presentations and design documentation
  • SeavusSkopje2021
    • UI/UX DesignerMay – Oct 2021
    • Wireframes, UI concepts and prototypes in an agile product team
    • Design reviews and UX improvements with developers and QA
    • Scrum
  • Karpa of South Florida2017 – 2021
    • UI and Graphic DesignerDec 2017 – May 2021
    • Websites, user interfaces, wireframes and screen designs
    • Corporate identities and logos
    • Marketing materials and social media graphics
    • UX concepts and information architecture
  • BSc, Information and Communication TechnologiesFaculty of Information and Communication Technologies2020
Contact

Let’s make something people get on first use.

I’m looking for a senior UI/UX or product design role. If your team cares how things work, I’d love to talk.

Email meDownload CV (German)
kristianstojani@gmail.comLinkedInEnglish, German, Macedonian
Inspect mode: hover or tap any element. Press I or Esc to exit.
Arrow keys to move, Enter to run, Esc to close