About

I’m Julia Wojtaszek - a designer focused on creating thoughtful digital experiences and visual identities. I work across UI, branding, and illustration, combining aesthetics with usability and clear communication.

About

I’m Julia Wojtaszek - a designer focused on creating thoughtful digital experiences and visual identities. I work across UI, branding, and illustration, combining aesthetics with usability and clear communication.

About

I’m Julia Wojtaszek - a designer focused on creating thoughtful digital experiences and visual identities. I work across UI, branding, and illustration, combining aesthetics with usability and clear communication.

About

I’m Julia Wojtaszek - a designer focused on creating thoughtful digital experiences and visual identities. I work across UI, branding, and illustration, combining aesthetics with usability and clear communication.

01Case study

See what happens before you spend.

Ahead turns financial uncertainty into a clear visual forecast, so a purchase can be tested before it reaches the account.

Product strategyUX/UI designIdentityPrototype
02The person

Meet Maya. She wants clarity before she commits.

Maya is 28, works in marketing and manages her money responsibly, but upcoming bills, subscriptions and planned purchases are difficult to combine into one reliable picture.

MY

Maya Young

28 · Marketing Specialist · mobile-first

“I don’t need another spending chart. I need to know what happens if I buy something today.”

Plans purchasesChecks balance oftenWants a safety buffer
Goals

Plan without second-guessing

Understand whether a purchase is safe now, after payday or better moved to another date.

Frustrations

The balance lacks context

Her account balance does not explain what future bills, shared costs and goals will do to it.

Behaviour

She checks before she commits

Maya already compares dates, pending costs and payday manually before making bigger purchases.

Need

One answer, with reasoning

A clear safe-to-spend amount plus enough context to understand why it changes.

03The idea

A banking app that answers one human question: “Can I actually afford this?”

THE PROBLEM

Balances show now, not what comes next.

Upcoming bills, goals and shared costs stay mentally disconnected.

THE SHIFT

From expense tracking to decision support.

Ahead lets users test a purchase amount, date and split before committing.

THE OUTCOME

One clear number, with context behind it.

Safe to spend protects the buffer while keeping the reasoning transparent.

04Process

From uncertainty to one visible decision.

The process connects the user’s uncertainty, future commitments and final purchase decision into one understandable journey.

Ahead UX process
05Core flow

Planning happens before payment.

A short scenario flow moves from intention to a safer purchase date without pretending that money has already left the account.

01

Choose

Start with a category

02

Estimate

Name and amount

03

Place

Date and account

04

Compare

Now vs. payday

05

Save

Update the forecast

06Identity

Future clarity, without the usual fintech blue.

Deep graphite creates focus. Electric gradients behave like moving financial signals, while acid yellow marks decisions and active states.

Brand motion01 / Look ahead
ahead
ahead mark
The mark initiates the movement.The signal reveals what is ahead.
ahead logo system
ahead color system
ahead typography system
Lo-Fi screen 1
01
Lo-Fi screen 2
02
Lo-Fi screen 3
03
Lo-Fi screen 4
04
07Key screens

Dense financial information, edited down to one decision at a time.

Home forecast
Home forecast↗
Plan hub
Plan hub↗
Plan playground
Plan playground↗
Insights
Insights↗
08Design decisions

Every screen answers one thing first.

The interface avoids treating every financial metric as equally important. Hierarchy changes depending on the decision the user is currently making.

01 · Priority

Safe to spend before account balance.

A raw balance can look reassuring even when upcoming costs make a purchase risky. Ahead surfaces the usable amount first.

DECISION FIRST
02 · Comparison

Now and later live side by side.

Rather than warning users against spending, the product shows how changing the purchase date changes the outcome.

CONTEXT
03 · Signal

Colour communicates state, not decoration.

Acid yellow marks safe, active or recommended actions while gradients visualise changing financial conditions.

CLEAR STATE
09Personalisation

A forecast that feels like yours.

A small personal detail makes the financial environment feel less rigid without competing with the core information.

Profile customisation

Make it yours.

Personalisation lives inside the product. Users can choose and update their avatar directly from profile settings without interrupting their financial flow.

01 · Open profile02 · Choose avatar03 · Apply instantly
Avatar customisation screen
10Plan playground

What if the date changes?

The user can move a planned expense through time and compare the financial effect live. A safer alternative becomes visible rather than hidden inside a warning.

Interactive planning playground
11Prototype moment

The value appears when the forecast reacts.

Amount, purchase date and scenario can be changed without moving any money. The interface reacts immediately so the user can test a decision before committing.

LIVEDecision loop

Change one thing. See the future react.

Adjust the amount → move the date → compare scenarios → choose the safer plan.

Ahead interactive scenario
12Lo-Fi → UI

The structure stayed. The signal got sharper.

The early wireframe already prioritised the answer, forecast and upcoming commitments. The final interface keeps that hierarchy while strengthening state feedback.

01 · Early structureLo-Fi
Ahead Lo-Fi screen

Focus: hierarchy, information order and one clear next step.

02 · Final systemHigh-Fi
Ahead final screen

Focus: stronger decision states, clearer financial context and a calmer visual rhythm.

13Validation

What I would validate next.

Rather than inventing test results, these are the three questions I would take into the first usability round.

01 · Comprehension

Do users understand “safe to spend” immediately?

Ask users to explain the number in their own words and identify what protects it.

Suggested task · Home / Forecast
02 · Decision confidence

Can users compare now vs. after payday?

Give them a planned expense and observe whether the safer date is clear without prompting.

Suggested task · Plan playground
03 · Mental model

Do users know this is only a simulation?

Confirm that testing a scenario never feels like money has already moved or a payment has been scheduled.

Suggested task · Scenario flow
14Motion

Navigation becomes a physical response.

The selected action expands, rises from the navigation bar and gives every tap a clear destination.

Live forecast€920safe after this purchase

Purchase €600

Date shift
Buy nowAt riskAfter paydaySafe
Decision CTA

One clear action after the comparison.

15Reflection

Less dashboard. More decision support.

The hardest part was deciding what not to show.

Ahead became stronger when financial data stopped competing for attention. The final system gives each moment one primary answer, then lets users inspect the reasoning when they need it.

What I learned

Hierarchy is a product decision.

Reducing data can increase confidence when the remaining information maps directly to the user’s next action.

Next step

Test the forecast with real scenarios.

The next iteration would validate terminology, perceived trust and whether the safety buffer remains clear across different financial situations.

Not another banking dashboard.

Ahead is a mobile product concept and visual system built around proactive, low-stress financial decisions.

11+CONNECTED SCREENS
4LIVE SCENARIOS
100%INTERACTIVE
UX/UI · PRODUCT DESIGN · IDENTITY

Designed by Julia Wojtaszek.

Create a free website with Framer, the website builder loved by startups, designers and agencies.