Icon x alert

Omar Tosca
Omar Tosca

Mexico

Lead Interaction and UI Designer at @23design

  1. Adaptive Icons – Swap 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 ...
  2. Register page Register page — A simple register page for a payroll administrator software. 💰 Product leader, @Fabian Luna 👨🏻‍💻 Brand design by @Cit Castillo ✍🏼 Co-designed with @H. McNamara 💊
  3. Onboarding process 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 💊
  4. Transaction Receipts Transaction Receipts — Swap is a mexican app for iOS and Android to transfer money easily between people. 🇲🇽 As part of a whole redesign of the product on both platforms we focused on boost UI elements with brand colors and clear messages. 👨🏻‍💻 @. was the captain behind the visual redesign. 🖍
  5. Notification emails Notification emails — The main communication channel for Brandon Logan are emails. We face different kind of feelings to communicate to the users, such as rejection or welcoming. The result involves clear copy and effective illustrations (by @Max Vera).
  6. Setting a project 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.
  7. Welcome page 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
  8. Credit Advisors app Credit Advisors app — One of the first problems we tried to solve with Somos Uno, was the way advisors handle their groups. This app, target the transition from paper to digital in marginal areas where there aren't any cellular signal. We also made them transition from a email/password security to a two-factor auth security. Kudos to @Fabian Luna for the whole planning of the product.
  9. Paging microinteraction 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.
  10. Financial credit apps 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 ...
  11. Intro animation to product landing Intro animation to product landing — We redesigned Albo's landing page and product language, as part of the upcoming launch. Our approach included introducing the brand and product to new users, such as showcasing its main features: an app and the credit card. Albo is a service for those who are sick of traditional banks. With the app and the credit card, users can manage their money, payments, retirements and all transactions e...
  12. Both sides 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
  13. Web Footer Side Menu 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 ...
  14. First explorations 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.
  15. Opening transition 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/
  16. Item with Cart Item with Cart — A preview of a clothes store in it's Android version we are working on right now.
  17. ConCrédito Products ConCrédito Products — Same products as before but showing how the new colours make harmony between them.
  18. Confirmation tickets 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.
  19. Zave Passport for iOS 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.
  20. Animal Vitae Animal Vitae — An old project we made last year. It was our first project using Sketch as our main prototyping tool. http://animalvitae.mx/
  21. Video Contests App Preview 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.
  22. Weex showcase page 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
  23. Referral Program Referral Program — A referral program info page for weex, a mexican MVNO. Illustrations by @Jader Quiroga Don't forget to look at the attachment and press L if you like it.
  24. Adding Shipping Ticket Interaction Adding Shipping Ticket Interaction — Another hour playing with Principle, now I used it for a project we are currently working on. This is the transition when user adds a new ticket to the list. The idea behind is giving a visual feedback that something new is on the pile using the natural feeling of the modal converting into a card. On the attachments, you will find a high-res video of the interaction and the Principle file.
or sign in
Loading more…
close