LuegoLuego
My Collaboration in this Project:
UI: Mobile and Web Interface design
UX: Prototype & Workflow to plan the user usage flow.
Branding: Logo design & Iconography
Visual design: Photography & motion graphics
Graphic Design: Printed material design
The Challenge for this project was to improve the experience when people buy and sell:
1. Pay with your phone, avoiding to carry any cash and Bank Cards.
2. Avoid bank terminals and improve income administration.
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/4389231c-517c-4fea-a0a4-4f000125b9ad_rw_1200.png?h=2c65f642fe65daffd95cef11088086fb)
The thing was easy, The business was provided with several platforms to sell their products/services:
- A responsive web app which ables the user to manage their stores and measure their incomes.
- QR printed cards for the user to Scan and pay.
-Finally and the most immediate, a mobile app to display QR's and track daily movements.
On the other side the customer was provided with a mobile app where they could digitalize their bank cards and use these to pay by scanning the business QR's.
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/9a124db5-3d3c-4a00-8cf6-8fb57edcd23e_rw_1200.png?h=be0a68671d5fc04077cd9c8f957269fc)
Clients were supposed to pay with this digital app and the Business was charging via QR codes. The money was being transfered to the business account at the same moment.
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/4581b74b-8bd8-44c5-8a1b-7ed0d131372e_rw_600.png?h=65ffa443181dfe51423f68c9edbb6c03)
Done! An easier way to pay and charge.
For This project I worked on several graphic fields, Some Branding, Industrial design, graphic design, User Experience planning, Interface design and some illustration
(including photography and iconography).
The Logo
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/58742c98-9f97-480f-a8d4-5817df11faca_rw_1200.png?h=aad9fb92f072626d945f2aca46281a86)
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/6937d093-5571-49e7-97c2-3cead4fc6abf_rw_1200.png?h=24c18dd17a4f62b0b896a74aa225b516)
The apps
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/cfe313f7-e705-4ebc-83e8-fa81f4a9ca93_rw_1200.png?h=854fe556f20ed0e120bbd458c8a209b6)
Play store & App store images for the Customer mobile app:
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/a9927e7d-2081-494b-b3fb-bafdd2c8fb6f_rw_1200.png?h=c5d0a988f2ac3531ce289fd293026364)
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/e52e6f0d-a7f0-4c93-a645-2fd6f64edbe5_rw_1200.png?h=3f9ec3d2858df1367787f02ffabab702)
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/de4281ba-ba33-4db6-ae07-85fb33edaeb5_rw_1200.png?h=649a7e6ebc5b80739df035ff4bee8e50)
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/fb7260fd-78c5-4847-93b1-07f37e11a320_rw_1200.png?h=654e11c1a61f3bc5e8a67ffb95cdcc14)
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/bacb97f4-4ab9-4bec-a15a-6042f218f09e_rw_1200.png?h=014c5becbf069389012fde2c47966fe3)
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/5cc20bbf-757f-418c-8ba3-47197aaabd87_rw_1200.png?h=4ef502b4d6b307bd5031dc234ca69124)
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/0f9c64a3-965f-4a28-8b41-0ddda6868f9c_rw_1200.png?h=1a00769161ba91408aebff332495460c)
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/754597bc-46d7-415b-b169-ae3d0f02dcfe_rw_1200.png?h=442390d774eb6ee55610558980ee0cbc)
Play store & App store images for the Business mobile app:
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/a1d9ba1b-b313-498f-9b83-63337d494a78_rw_1200.png?h=91a7437a91df54d822680f11df54d038)
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/bc544af4-e99b-4350-816f-537d212a8d8c_rw_1200.png?h=cff96ab1f80ba8d1724b1971c3e5b56c)
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/282ecb9c-765f-433b-af26-d66f42417db0_rw_1200.png?h=6ec2858181623f15c47caa72d41058fe)
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/6dbbd8b1-8d83-4716-ae28-b438aaafcc5c_rw_1200.png?h=9ccf38d4f9f10c272e1e242b1b847908)
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/ee392d7c-da80-4749-94a7-5dd600e04d7b_rw_1200.png?h=92a88330de222fc5ff663d48968be6e4)
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/8a64d872-c54d-492c-bd4c-1bcf9cea52f4_rw_1200.png?h=1aec3a24937c0f9a24d317c0d79e7cfc)
Onboarding Area, Business App
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/3ac23f11-b957-46ba-a242-6bd6b4bebe59_rw_600.jpg?h=2c716c28c56dbbf39eb106e33a66f057)
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/2f31b5b8-182b-4a94-bffc-ff2201b96d48_rw_600.jpg?h=955b2ad814d0ca8f4a2e59e2f760076c)
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/0d1facb9-af69-4616-92aa-a67082dec69c_rw_600.jpg?h=9bd7885346f89544c7d42fe2145bb4c1)
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/dad65b92-f75e-4140-b905-a8664c0e90e6_rw_600.jpg?h=eebfacb2b5b1e32a1541acaa74df5108)
Adobe Illustrator Visual Flow Diagram (pending)
Adobe XD Prototype & Visual Flow Diagram
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/14719d62-c189-4a96-ab13-de2390ed29d9_rw_1200.png?h=495691f4a86377c1d844e7c520298944)
This app was a Short version of the responsive web app which included much more details.
(This UI was designed by a business partner: Serguei Orozco).
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/9a39154b-5604-4ead-b072-06cb3552af4e_rw_1200.png?h=6f007107e5408c2f23807ed81072d851)
Landing page Websites:
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/63d38d6c-57e4-41f3-a637-bed3fa330381_rw_1920.png?h=69e5b483379d0918f056bc6c0bb43015)
Printed Material
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/6d0e1bf8-af85-4abd-b7ad-a48f7eac3827_rw_1200.jpg?h=c398b43bd17926a802236da52df041c0)
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/99476e58-00e6-403d-85b7-5009f07da445_rw_1200.png?h=48bfcabff7a712ebe65a41861555f97e)
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/8205554f-9386-4cca-95ee-0e62f1dc7ece_rw_1920.png?h=3fe7699639bc064965511c7f79374c1e)
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/a80c0544-b8e5-4789-a9a9-237bd6ad6abf_rw_1200.png?h=f8a4682c10dec6b1d5ba8de34cf4f171)
Iconography
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/3b2e0fe1-4304-43d6-a3b5-5d31f1ba83b4_rw_1920.png?h=4db4131485450d00d56bbdb87a886d72)
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/abdfbebe-fdbb-47ad-bdd3-399258038f0f_rw_1920.png?h=15f69662396c443b0201d9c23c2e0a96)
A second phase was applied where our service was provided to third party companies like Anytime Fitness.. LuegoLuego built a custom app for them to use:
AnyTime Fitness Custom App Flow demo
Motion graphic animated gif loader:
![](https://cdn.myportfolio.com/92e0326a-6725-44d9-8ea2-c192f602e9de/ccd93562-4524-4e3a-a4d5-bfc7a03a02ce_rw_600.gif?h=8387112fdddf1fc2018047b18907f010)
The project was about to get launched but the government in mexico implemented this payment mode forcing banks to use it by their platform and was a complete stopper :(