PORTFOLIO

A few ideas. Brought to life.

Client websites, independent products and concept projects. A growing collection of my work and the decisions behind it.

CambridgePreparationAI logo and wordmark on a navy background

01 / Independent product

CambridgePreparationAI

My independent learning app for B2, C1 and C2 English exam practice. It helps learners choose a level, a skill area and a task for their next practice session.

Product thinkingApplication developmentEducation
The story behind it

I created CambridgePreparationAI as my own product, bringing together my interest in teaching, product design and application development. The public practice journey below shows how I turn a broad learning goal into a sequence of clear choices.

Independent product · Public web app

Explore app development

Inside the project

From a learning goal to a focused task.

Preparing for an English exam involves different levels, skills and task types. The design challenge was to make the next practice choice understandable without presenting everything at once.

My role
Product owner, design & development
For
Learners preparing at B2, C1 and C2
Shown here
The live web app’s public practice flow
CambridgePreparationAI’s B2 Reading and Use of English screen: step 3 of 3, with a back button and a choice of practice tasks.
Actual product screen · B2 Reading & Use of English task selection

Start with the learner’s level

B2, C1 and C2 have separate starting points. A learner chooses the level before seeing the available practice areas.

Make one choice at a time

The practice flow moves from level to area to task. A visible step indicator and back button help learners understand where they are and change direction.

Explain what the AI provides

The app explains that its practice content and feedback are AI-generated and unofficial. It also states that AI can make mistakes and that exam results are not guaranteed.

What this demonstrates

A working example of education app development: organising content, guiding users through a task and making the role of AI clear. CambridgePreparationAI is my independent product and is not affiliated with or endorsed by Cambridge University Press & Assessment.

Discuss a learning app
Đuro Salaj school seal and English wordmark on a forest-green background

02 / Client website

Đuro Salaj

A website for Đuro Salaj, a language school in Belgrade. Visitors can explore courses for children and adults, exam preparation and translation services.

Website designCourse discoveryDevelopment
The story behind it

I’m building this site to help visitors explore the school’s courses and find the right programme. The design brings its established identity into a responsive website, with course information, prices and contact details easy to find. Final refinements are in progress.

Client project · Final refinements in progress

Explore website development

LazyBag yellow wordmark and smile emblem on a warm dark background

03 / Website redesign

LazyBag

A new website for LazyBag’s bean bag furniture. Visitors can explore four models, compare colours and find the right fit for their space.

Website designProduct discoveryDevelopment
The story behind it

I redesigned LazyBag’s catalogue to make choosing a model and colour feel simple. Product photographs, dimensions and colour options sit together, with the selected model and colour carried into an enquiry. The public preview offers two complete design directions. Its contact form lets visitors preview an enquiry; it does not send messages.

Redesign preview · Two design directions

Explore website development

Rhythm Coffee cup emblem and cream wordmark on a deep fig background

04 / Concept website

Rhythm Coffee

A sample site for a made-up coffee brand. It brings coffee products, plans for repeat orders and brew guides together.

Product discoverySubscription experienceBrew guides
The story behind it

This demo shows how a coffee site can help people choose their next brew. They can browse coffees, view plans for repeat orders and read brew tips. Rhythm Coffee is a made-up brand. I created it to show this website idea.

Portfolio concept · Fictional brand

Explore website development

Pineheart copper pine-branch emblem and cream wordmark on a forest-green background

05 / Concept website

Pineheart

A sample site for a made-up cottage retreat. Guests can browse places to stay, check dates and ask about a booking.

Cottage discoveryAvailabilityReservation enquiries
The story behind it

This demo shows the steps from finding a cottage to planning a stay. Guests can read about each cottage, check dates and send a booking enquiry. Pineheart is a made-up brand. I created it to show how a retreat website could work.

Portfolio concept · Fictional brand

Explore website development

STAVE cream bowl emblem with grain lines and wordmark on a walnut-brown background

06 / Concept website

STAVE

A sample site for a made-up brand of wooden goods. Shoppers can browse items, explore custom details and learn about the wood.

Product discoveryPersonalisationMaterial stories
The story behind it

This demo shows how a shop can tell the story behind its goods. Shoppers can browse wooden items, explore custom details and read about the wood used to make them. STAVE is a made-up brand created for this website idea.

Portfolio concept · Fictional brand

Explore website development

Viktorija Sapuni gold pine-cone emblem and cream wordmark on a forest-green background

07 / Demo storefront

Viktorija Sapuni

A demo shop for pine-tar soaps and skin care. Shoppers can browse the range and read clear details about each product.

Product discoveryProduct informationStorefront design
The story behind it

This demo shows how to present a small range of products online. You can browse pine-tar soap, cream and tar products using sample data. The shop is a demo. It has no real orders, payments or customer accounts.

Portfolio demo · Sample data

Explore website development

Personal project
Less noise.More purpose.
My personal portfolio

08 / Personal project

My personal portfolio

The site you’re on now. It shows my work, explains how I build and helps you get in touch about your idea.

Information architectureVisual designDevelopment
The story behind it

I built WebMatrix around clear routes from a business need to the relevant service, example work and an enquiry. I kept the original logo and amber colour, with dark text on a warm white background. The site now has dedicated service pages, a portfolio and practical guides. The project form sends your enquiry directly to me.

Personal project · Portfolio website

Explore website development

SOMETHING IN MIND?

Let’s make something useful.

You bring the idea. We’ll find the next step together.

Start a project