About project
Ciastko.Fun2026
A fortune cookie you write yourself, in eight steps.
Ciastko.Fun sells fortune cookies people make their own: how many, what colour, what is written inside, what they are wrapped in, what is printed on the box, what flavour, and the day they arrive. I designed the shop, built it on Shopify with custom code and drew the creatives it runs on. The heart of it is the Kreator, a configurator where a box is assembled one decision at a time and the price moves with every one of them.
- Role
- Design and build, solo
- Client
- Ciastko.Fun · personalised fortune cookies
- Platform
- Web · B2C
- Tools
- Figma, Shopify, Photoshop
Challenges
A personalised cookie carries a lot of decisions: how many, what colour, what is written inside, what it is wrapped in, what is printed on the box, what flavour, when it arrives. Put all of that on one page and nobody finishes. Split it badly and people leave in the middle. The shop had to make a long configuration feel short, and never let anyone choose without knowing what the choice costs.
- Eight groups of choices, and an order starts at ten cookies
- Customers bring their own images, in any shape and any size
- It all runs on Shopify, a shop that was not built for a configurator like this
- Two buyers on one storefront: a person after a gift, and a company ordering in bulk
Solutions
- 01
One question per step, and the price always in sight
Each step asks one thing. The rail on the left names all eight and marks the ones that are done, the percentage at the top moves with them, and the total sits at the bottom with the price per cookie beside it. A choice is never made without its consequence being on screen.
Trade-offEight steps is a long road, and a long road needs a reason to keep walking. It costs an extra screen of navigation that a single long form would not need.
- 02
A ready answer next to the blank one
Every step that can be personalised also offers something prepared: fortunes by occasion, sticker sets, a wrapper option that is simply none. The prepared answer and the blank field sit in the same row, so personalising is a choice rather than a chore.
Trade-offPrepared sets are easy enough that they can become the only thing anyone uses. They are placed as a starting point, not as the default.
- 03
Crop the image where it is going to be printed
An uploaded picture is shown inside the exact shape it will print in and adjusted there: dragged, zoomed, corrected for brightness and contrast, and previewed on the pack while it is being moved. The customer sees the result before paying for it, not after.
Trade-offCropping in the browser is real code on a platform that does not come with it, and it has to survive every image a person might upload.
- 04
Keep the unfinished box
A configuration this long will be interrupted. The work is saved, and the next visit asks one question: continue, or start again. Nothing is silently restored and nothing is silently thrown away.
Trade-offA saved box has to be checked against prices and options that may have changed since, which is a rule that has to be maintained rather than written once.
- 05
Put a price on the delivery date
Delivery is not a dropdown at the end. Each date shows what it costs, so a later day reads as a saving and an earlier one as a choice made knowingly.
Trade-offShowing the discount per date makes the fast option look expensive, so the copy has to be honest about why rather than hide the difference.
Storefront
A shop that sells two things
The storefront has to serve two people at once: someone who wants a gift right now and will take a ready set off the shelf, and someone who wants to build one from nothing. Both get a door on the home page. The ready sets carry their own pages with a price, a gallery and what is inside; the configurator sits behind one button that says Kreator and never stops being visible.
Kreator
One question at a time, with the price in view
Eight groups of choices on one page would end the order before it started, so each step asks one thing and only one. A numbered rail on the left says where you are and what is left, the percentage at the top moves as you go, and the running total sits at the bottom with the price per cookie next to it, so no choice is ever made blind.
- Minimum ten cookies, no maximum, and the more you order the cheaper each one gets
- Nine cookie colours, each one named rather than left as a swatch
- Ready fortunes by occasion, or your own text with a character limit and one wish per line
Your image
Cropped in the shape it will be printed in
The parts people care about most are the ones they bring themselves: a photo on the wrapper and a picture on the box label. An upload is shown inside the exact shape it will be printed in, a circle for the sticker and a rectangle for the label, and it can be dragged, zoomed and corrected for brightness and contrast right there. Nothing is cropped for you after checkout, which is where personalised print usually goes wrong.
- Three ways to wrap: nothing, a sticker or a band, so personalisation can also be declined
- Ready sticker sets by occasion sit in the same row as the upload button
- The label is previewed on the box, not on a flat sheet
Delivery
The last three steps are about trust
Flavour, delivery and the summary are where an order is either confirmed or abandoned. Extras are shown as photographs of the thing, not as a dropdown. Delivery puts a price on every date, so choosing a slower day is a visible saving rather than a hidden one. The summary lists every decision back, with the image that was uploaded, before anything is paid.
- Six cookie flavours and freeze dried fruit, chosen from pictures
- Express, standard or economy, each date carrying its own price
- An unfinished order is kept: coming back offers Continue or Start over
Creatives
The same cookie, in the feed
The ads are made from the product rather than around it: the cookie itself, lit against black, with the crumbs left in. The shop speaks to a country where people order in several languages, so the greeting does too. The configurator runs on a phone as well as a desktop, and the creatives show it there, because that is where most of these orders start.
Results
The shop is live and the configurator carries the whole order, from ten cookies to the day they arrive, with the price moving at every step.