where we started

as a design studio, we worked on many projects, but the beginning stages were always a mess

each started with a small brainstorming session, but it became confusing as the ideas grew

alt: a playful take on how story mapping feels currently

we couldn’t keep track of what was done and what needs to be considered and the worst part is organizing everything.

when a new idea sparked, the old one didn’t lend it space to fit in. it was always a reshuffling game wasting tonnes of time

identifying the issue

we knew there had to be a better way to get storymapping done

explored hundreds of tools, hoping at least one would solve the issue. but none even recognized the problem

alt: a funny depiction of the mindset of industry tools

we wondered if it happens only with us and asked 100s of designers and organizations if they felt the same way.

then we understood we were not alone in this. our need to find a solution became our mission for everyone

design—led approach

got fed up from signing up to all the story-mapping tools knowing they didn’t fix the only problem everyone faced

and thought why don’t we do it ourselves? sounds pretty easy, right? that’s what we thought at the start

tried multiple ideas to organize the storymaps, but ended up facing the same issue we began with

asked with frustration, “why couldn't this be as easy as just writing it out?” wait a min. that sounds like a solution.

alt: a moment of clarity

hell yeah, that’s the solution. instead of finding a way to organize the mess, we introduced a standard way to write storymaps.

you heard it right, you just need to write your storymaps with our standard tags that’s as easy as writing a leave letter

just like how leave letter has from, to, subject, date, etc.. uiino has tags each used to define a content of your storymap

alt: tags used in uiino to create storymap

all your mess is automatically organized right from the scratch

alt: comparison between storymapping process with & without uiino

“but how?” you may ask. simple, we turned everything you wrote into a neatly organized story, displayed as sticky notes.

alt: uiino’s user interface

now you can spend your time building your project rather shuffling through colorful cards that provided nothing but headache

the next step

alright the problem is solved, but was it the only problem? ugh, no! organizing process is no more, but the ideation step was still there

wasting loads of time thinking about every scenario, missed half of them after starting the project & bringing back to step 0.

well, not anymore! we built an Ai to generate storymaps, detailed, accurate & QUICKER!

alt: steps to generate storymaps

what used to take hours of brainstorming now takes merely seconds. no more "oh wait, we forgot about that" moments halfway through the project.

we questioned every feature whether it’s saving time or just filling space. And only those that really saved time, made the cut

taking shape

a solution shouldn’t just do the job, it should feel easy to do it too

as a design studio, we were very keen about both the beauty & functionality that we claim to provide

we made the UI as minimal & beautiful as it could be, still providing the best UX you need to do the job

alt: visual explanation of how uiino’s layout is organized

everything you see in the screen is there because you need it and nothing else

you can do everything from generating a storymap to download & share it with your team without even touching the mouse. It’s power ready that saves time with every click you do

the difference

since day one, everyone who tried uiino has said their ideation time cut half & projects built faster on a clear track of view

t-quote: “Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo expedita voluptas culpa sapiente alias molestiae. Numquam corrupti in laborum sed rerum et corporis.”

t-name: Albert
t-position: CEO of Workcation

[count] people have tried uiino & [count] decided to stick by. [count] storymaps have been generated saving their time & energy starting a project

t-quote: “Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo expedita voluptas culpa sapiente alias molestiae. Numquam corrupti in laborum sed rerum et corporis.”

t-name: Albert
t-position: CEO of Workcation

anyone can build their own product now from a simple idea with the help of uiino. and it’s just a start. with more time-saving features, the best is yet to come

branding that tells a story

when naming uiino, we noticed what it does better than all the other storymapping tools out there, bringing an innovative solution in a minimal & usable interface

and that’s it, we decided to call it uiino (UI + INNOvation). just like its approach, uiino’s name also got unique & simple

alt: meaning behind uiino’s name

we wanted more than just a mark—we wanted to convey a message

we crafted this logo that’s simple enough to be recognized instantly yet reflects the core functionality of uiino—helping teams from start to finish in building apps

alt: image explaining the tiny details of uiino’s logo

for the typography, we wanted a typeface that felt as natural as writing—spacious enough to let ideas flow, and dynamic yet simple, just like uiino itself

uncut sans fit every consideration, almost as if it was crafted for uiino that we didn’t need to look for another option

alt: uncut sans font

unlike colorful sticky notes that distract you from getting the point, uiino is built with visual language that makes sense just with colors

yellow guides stories, green validates success, black define actions. everything that has colors has its purpose too, making you get the point with every pixel you see

alt: primary brand colors of uiino

for the tone, we aimed for something that feels approachable—straightforward, confident, and just a little cheeky, reflecting the simplicity and ease of uiino

alt: examples of uiino’s tone

when it comes to branding, we don’t leave anything untouched—we perfect every detail to make it unforgettable. for instance, take a look at this OG image

alt: you know, that thing that shows up when you share links?

everything’s above been working for those who already know uiino. but with thoughtful touches like this social banner, new people also see us as the real deal & makes the brand feel truly complete

alt: uiino’s twitter account cover

we cover everything that’s needed from the core functionality to the tiny weeny details to make each project a BRAND

meet, thisux

our works

dunchat

sticai

fli.so

you are not alone

duntasks

dun

uiino

sveltednd

ffmpeg.info