A Beautiful Goodbye
Alzheimer's didn't allow her to remember, but the force of love worked a miracle
P.S. I love you
"Being different is just another way of being."
Software Engineering
Frontend Development
UX/UI Design
Hello!
Every-single-day, I create. Anything. A song, a project, a recipe, an article, a plan, an idea, a solution,...
Currently based in Barcelona, I'm a mom of two, developer, and lover of many things, such as our planet, people, music, good coffee, books, psychology, diversity, genuineness, kindness.
Having worked in the tech ecosystem for 15+ years, I grew up surronded by diverse cultures, having lived in different countries and worked in all kinds of companies and teams, from startups to big ones. As much as I love front-end development, I also dig into the back-end, design, web performance, I enjoy writing articles, or some other times I play the piano or compose electronic music.
Over the years, I mainly worked with Javascript (Vanila, ES6), HTML5/CSS3, CSS animations, responsive design, web performance,... I started in tech with Ruby on Rails, currently work with ReactJS and learn React Native for personal projects.
I enjoy exploring more areas like illustration, writing, music production, UX, agile methologies, accessibility,... Adding tons of passion and respect to everything I do.
🙋🏻‍♀️ Oh, cheese obsesses me, and my guilty pleasure is tasting an Imperial Stout. Cheers!
Landing pages (HTML5, CSS3, responsive design, animations)
Christmas Campaign for ZALANDO.
From the designs provided through Zeplin by the Design Team to the final developed campaign.
Converting marketing team's ideas and designs into a responsive website.
Vanilla Javascript, Semantic HTML5, Responsive design, CSS animations,
cross-browser compatibility, user centered, detail-oriented.
Fred's Hush DJ personal website
From the client's idea to the final design product and development. Responsive design, mobile-first development, design, development, hosting, maintenance.
Adicolor: Adidas + Zalando
Landing page for Sports/fashion.
Responsive design, transitions, and animations.
Requirements provided as an interactive prototype by the design team.
Translation of micro-interactions into code with CSS3 animations and transitions.
Tech stack: HTML, CSS, and Javascript, fully responsive, and detail-oriented.
Online Game (Vanilla Javascript (ES6), HTML5, CSS3, animations)
Save Piggy from the Butcher!
Game for the browser to train DOM manipulation, Javascript classes and objects, developed in HTML5, CSS3 animations, and Vanilla Javascript (ES6). The game consists in saving the pig from the butcher. Dodge the knives thrown from the sky, while collecting fruits from the field on his way.
Fullstack application (MERN stack: ReactJS, NodeJS, ExpressJS, MongoDB)
Miam Bebe is a baby's nutrition tracker
Two projects in one: 2 applications that talk to each other:
the frontend
(website)
and the backend
(API)
.
It allows parents to keep track of what they give to their babies on a
weekly basis. They'll see the progress of their babies nutrition
for that week, and plan accordingly the remaining meals.
Fullstack application (Node.js, Express.js, Handlebars, MongoDB)
Adopt an animal. Rescue yourself.
Rescue allows users to search for animals that needs adoption.
Our motto is that, by doing that, you don't rescue an animal but yourself.
Built with Node as a server, Express for the backend, Handlerbars as a views engine, HTML,
SASS as CSS preprocessor, and MongoDB for the database.
Mongoose discriminator for Classes inheritance.
Visit the
website
or check out the code in Github .
Illustration · Vectorial design
Keen on childrens' style and cartoons.
In my spare time, I like to design - anything!
Icons for apps or websites, logos, illustrations.
Anything that can be drawn by hand can also be vectorized and used in our designs.
I specially enjoy joining drawing challenges and sharing my growing process in this
Instagram account dedicated to it.
There's an amazing and supportive artists community out there!
UX/UI Design
UX Design, Design Thinking, Case Studies, UI Design
Empathize, Define, Ideate, Prototype, Test. Repeat!
Design Thinking tackles every problem from the point of view of a designer,
with a user-centered approach.
Interviews, surveys, user research methods,
assumptions, validations, Personas, problem statements.
Moodboards, style tiles, design systems, UI design for mobile apps and desktop.
Interactive prototypes with Marvel or Invision and microinteractions with Principle.
Perfection is achieved not when there is nothing more to add, but when there is nothing left to take away.
A user interface is like a joke. If you have to explain it, it's not that good.
UI Design of an app for children
Project: Mes Amis ["my friends"] Mes Amis: UX/UI Design for a language mobile app for kids.
Save animals while learning a language!
The project started with just an idea and a blank paper: "Design of an app for children to learn a new language while having fun." After a UX research, interviews, and user and market research, these are the high fidelity design screens for the mobile app for kids.
For the complete Case Study, interactive prototype, full set of screens, and the whole UX and UI process, visit this Medium article .
Style tiles
Final screens(short sample)
Other UX Articles and Case Studies
These below are my favorite case studies and articles about anything related to UX.
Sketchnoting is for you, even if you can't draw
Sketchnoting is about capturing ideas, not about creating a piece of art!
From the Eyes of a Backpacker Traveler — a UX Case Study
I combined my passion for traveling with my early steps as a UX/UI Designer to spot UX improvement areas in a traveling app
Designing a Dream Option for Our Pets — Blablapet
The idea of a new feature so that users can reserve seats for their pets and travel with or without them.
Here is What Happens When You Mix JamĂłn with UX Design
The Jamometre, a yummy Case Study
Case study: Designing a language app for kids
From one initial idea to a mobile app's high fidelity design prototype for children.
First Week Back to School in My Thirties
The first five days at a UI/UX Design school was a life-changing experience. Here is my very personal side of the story.
Julie Dreams of Fresh Carrots
UX case study of a wicked problem
Personal Writing
Writing as my creativity nourisher.
Writing is the closest thing I have to meditation.
It is a real fuel for my creativity and awakens the awareness of my life.
I write about anything that comes to mind: past experiences, people I love,
anything I have seen or heard that has prompted me to reflect.
By writing, I talk to myself, to others, I learn from mistakes,
I analyze, depeen, observe, study my mind.
For more stories, I host all of them under my
Medium profile,
where I write regularly.
Article
Publication
Sexually Abused at The Age of Eight
Abusing a kid can destroy their entire existence, and I've seen it up close in the life of a woman I love.
Fearless she wrote
Confinement is Reshaping The Way We Connect
Nothing will be the same after this pandemic
P.S. I love you
I Love You Dearly — Although You're Not Yet Born
A love letter to my baby, who will be in our lives in a few days.
P.S. I love you
Two Lovers Who Died the Same Day
I just lost my parents, and their end was magical
The ascent
The Simple Joy of a Quiet Moment
We appreciate life more intensely since confinement
P.S. I love you
Who Should Be Your First True Love?
After my first love tore me apart, I understood why.
The ascent
Stop Telling Me I Need a Man
All my life, they've asked me, “Do you have a boyfriend?”
Fearless she wrote
How to Deal with a Miserable Person
How pitiful can someone's life be if one can only feel joy over someone else's pain?
P.S. I love you
Pregnancy in the Time of the Coronavirus
Our baby is growing in my belly as we live in a pandemic peak
Fearless she wrote
The Most Painful Call of My Life
I couldn't tell them in person that their daughter died
The ascent
The Last Day We Saw Her Eyes Open
We will never forget that day; she was going to be a grandmother.
The ascent
So, what can I do for you?
Landing pages,
responsive websites From your idea to a final web development Full responsive designed websites, mobile-first development, CSS animations, all browsers compatible.
responsive websites From your idea to a final web development Full responsive designed websites, mobile-first development, CSS animations, all browsers compatible.
Fullstack applications
development MERN stack: ReactJs, NodeJs, ExpressJs, MongoDB, JEST Frontend and backend development of any application, API,... Everything from previous point applies.
development MERN stack: ReactJs, NodeJs, ExpressJs, MongoDB, JEST Frontend and backend development of any application, API,... Everything from previous point applies.
Web design, UI design,
illustration From any idea or concept to a designed digital version Design of final screens for all kind of devices. Interactive prototypes. Illustrations.
illustration From any idea or concept to a designed digital version Design of final screens for all kind of devices. Interactive prototypes. Illustrations.
UX, Design Thinking,
case studies From a given problem to a solution proposal All the way through Design Thinking process, tackling a problem from a user centered approach.
case studies From a given problem to a solution proposal All the way through Design Thinking process, tackling a problem from a user centered approach.
Contact me in:
moni.sm @ gmail . com
linkedin.com/in/monica-saiz