RAMPA
APP DESIGN
RAMPA
APP DESIGN
INTRODUCTION
Mark and I met back in my previous job, as the UX-UI Designer of the company, and we made good friends. A few days before I left, he approached me with this fantastic idea of his: a brand new app. And he wanted me on his team.
The very next day I quit my job, Mark contacted me on Skype for our new enterprise together. It would be called RAMPA.
RAMPA is a ramp (in Spanish). And, besides the meaning Mark gave this name as a ramp-up for smbs to Facebook’s marketing world, he totally loved it! (lol)
THE MARKUPS
Mark is a Senior Developer. He started developing RAMPA from the back-end before, so he sent me a few screenshots of what it looked like until then.
Here they are:
So these where the mark-ups for the project:
THE LOGO
and a few ideas that helped defining…
Based on our target market, I assumed a thick, prominent logo with sharp, clear colors, would do better than a delicate one.
I had plenty of freedom to choose regarding fonts and colors. So I thought of shaping RAMPA’s logo with a high-techy approach yet without falling into the same old dark blue or gray most of the IT companies fall for.I went for PURPLE. A sharp yet friendly purple.
Here are the different options I gave Mark to choose from:
After some drilling and polishing, we finally had RAMPA’s logo!
OKAY…
Time to have some fun!
Mark and I searched for an image that would represent the idea of the app: the immediate; someone using his mobile device “on the go”, and a ramp in the background. Well, I happened to run into a great picture. We bought it!
And RAMPA’s look & feel was born…
ITERATING
RAMPA was getting its shape, but we were still far from reaching our second milestone. There were a few features required for editing the text and the image, and they were going to change the way things were until now.
THE FLOW
RAMPA is an ongoing project that keeps iterating and developing.
Here’s a first flow of the visual design:
A FEW MORE SCREENS
The ERROR screen (404)
Thanks for watching!
See you on my next project…