Omar Tosca

Mexico

IxD @ frog

android design, interaction design, material design, product design, ui, ux, web design

Applicant tracking system & recruiting software — First Friday of the year, I'm coming back to Dribbble sharing some work from the last 2 years. Holt was software designed back in 2017, focused on hiring the correct people no matter their name, age or gender. It never came out to production. It was focused on avoiding bias towards any applicant. One of the coolest features based on that goal was the ability to mask candidate's names into ran...
Adaptive Icons – Swap — As part of the introduction of Adaptive Icons for Android O, I started experimenting with it using one of my latest projects: Swap. 💵 There were two main elements on Swap brand, both important to preserve: the gradient color and the human shape. Taking advantage of the new bounds, I used a transparent circle eye as the fg sheet. And the rest of the elements (human shape + gradient) as the bg ...
Onboarding process — In this onboarding experience we use a Get Started page where the user can learn on the main functionalities of the whole product. ✨ After doing each of them, the user practically learn 80% of the whole features. 👨🏻‍💻 Product leader, @Fabian Luna 👨🏻‍💻 Brand design by @Cit Castillo ✍🏼 Co-designed with @H. McNamara 💊
Setting a project — Part of the onboarding process for users that wants to make a design project with Brandon Logan designers. A step by step process that ends with a register form. That way, user will have a sense of achievement and will not thing when giving us their data. Kudos for @Max Vera and @H. McNamara.
Welcome page — Brandon Logan provides design services using freelancer designers to help clients. The process to be a designer in Brandon Logan involves an interview. If the designer pass the interview, then they get this welcome page. Illustration kudos for @Max Vera Design kudos for @H. McNamara
Paging microinteraction — A little prototype made for a gym tracking iOS app. It's a combination of paging scrolling with drivers to make the bars change their size while swiping. The paging is a little bit tweaked with mathematics (🙊) to keep each page half close from the other. You can download the Principle file to see how I made it.
Financial credit apps — Somos Uno is a financial credit house. They focus on offering credit opportunities to small groups of women living in marginal areas of Mexico. We designed two apps for Somos Uno’s employees —one for “Credit Advisors” who visit the groups, and the other one for “Treasurers”, who manage the money of the group. These apps approach to ease Somos Uno’s current money management process —aiming to ...
Both sides — Just a little exploration with MD using figma.com Nice tool for designers that don't have a Mac and want to try something similar to Sketch. It's amazing how good it works as a web tool, that makes me wonder how it does on a Chromebook. Extra kudos for the Framer.js support they announced today. https://blog.framerjs.com/posts/import-with-figma.html
Web Footer Side Menu — So, there is this huge debate about using menus/navigation drawers on digital design. For desktop and mobile, we now learned to avoid them. But at @23 Design, we don't care at all about large posts on how those menus only decrease interaction with the product. Those products they showed were different from the ones we design (or maybe not). And we like to challenge everything in the world. I ...
First explorations — This is one of the first explorations we did for the landing page of Enlight. The sun is a support element we create to enhance the brand. The logo at the top left corner is also one of the first iterations of the brand. We finally dropped these ideas.
Opening transition — This is a prototype of the opening transition for the Enlight app, made by @Oliver and I. The app shows how much energy your Enlight system (solar panels) has generated. Those numbers are showed in terms of money, as we discovered that people don't usually understand energy terms like kW/h. More on the service: http://www.enlight.mx/
Item with Cart — A preview of a clothes store in it's Android version we are working on right now.
Confirmation tickets — This are four examples of confirmation tickets on the new ConCrédito app with the new branding on every of their four product. The colourful tickets have the status of the sale and an option for canceling. I'll show you more on this project soon.
Zave Passport for iOS — One of the first prototypes I made for 23 as a freelancer more than a year ago. It was a project based on implementing Material Design on iOS. Even when MD works well on different platforms I felt something was wrong about platform consistency. It was the first and the last project I use MD on iOS. The product consists on saving money by creating medium and long-term goals.
Animal Vitae — An old project we made last year. It was our first project using Sketch as our main prototyping tool. http://animalvitae.mx/
Video Contests App Preview — Some screens for the Android version of an app about video contests that @Jader Quiroga, @Fabian Luna and me are working on. Trying to implement MD combining different typography and iconography. It's all WIP. See attachments for more detail.
Weex showcase page — So here are two shots in one or something. It's a shot of the showcase of our client on our page. (Wut?) We include the prices calc that we design for them. You can visit the showcase and more on our brand new website: http://23.design
Splash Screen and Tutorial Prototype — So I'm re-catching an old project we already share and using it to try Principle for Mac (http://principleformac.com) for prototyping and so far it was an amazing first experience. The learning curve when you came from Sketch is really short, I did this prototype in about 20 minutes and another one more complex in 1 hour. Try it, you will enjoy it a lot. Edit: ¡Oh no! There is a glitch on ...
Shipping Analytics — An early version of the analytics dashboard we designed for 99minutos, a logistic company. This iteration has a dark map that looks incredible in the shot but it doesn't work well in practice. After a few tweaks on more useful data, map and filters, it came the final version that makes client and us very happy. You can see it on the attachments.
Tesseract Logo Explorations — Some explorations we did some months ago for a client that never came out. Trying to envelope a cube with a cube (a tesseract or hypercube) without being messy was a very rich experience. All I can say is that maths are everything, including design. I'm already sick and also a fan of hypercubes.
Miveo: Vimeo client for Android — Miveo is (maybe was, not sure) a Vimeo client Android app I designed and code (https://github.com/asantibanez/Miveo) with Andrés Santibañez. Here I show a channel's video list and video description. The logo in the middle it's the product icon for the app. It's the first sideproject I worked when Material Design came from a year and a half and the one I used for experimental Android UI and co...

Loading more…