see my temporary portfolio
Transcription
see my temporary portfolio
manuelvaldez.com UI / UX & Dev. Portfolio UI / UX & Dev. Portfolio My name is Manuel Valdez, I´m UX Developer, which reffers to User Experience (UX) and User Interface design (UI), specialized in Front-end, and in my case, with formal preparation in systems development, with team leadership skills and experience for more tan 7+ years. I also have passion for 3d, illustration, general design and animation. I like concepts of UX strategies, User Centered Design (UCD) and Minimal Viable Product (MPV) to solving problems focused on get the results of what people/companies are expecting to. On my previous experience, I had the opportunity to grow up professionaly working on multiple projects for different audience, being part of multidisciplicary teams focused on the working agility and good quality of the results. This is one the reasons that makes me consider I'm a person to be on any team enviroment providing creativity with best innovation approach. Personally, I prefer to analyze, research and understand all the information on my hands before to start making any code or final art, basically to avoid the waist of the most valuable asset of the human being: Time. Once having all this mentioned, I released the work with a clean, detailed, sophisticated and light style, depending on the type, nature and technology involve on the project. Nowdays, I act “From concept, validation to tangible in real or digital world” Below you will find my work with important processes details and the results with my clients. I hope you enjoy! Manuel. Case Study Client name: EPK grupo los principitos C.A Type: E-commerce My role: Team Lead / Principal UI Designer / Researcher Team: Front-end - 3 Web Developers. - 1 DBA - 1 Web Designer - 7 Stakeholders - Director of Art. General Problem: During years www.shopepk.com was a non responsive and 800x600 web site with important number of clients even those features nowdays. Accomplishments: the site is now www.epkweb.com and Improved customer satisfaction ratings by 50% just implementing a new user-friendly and responsive redesign interface for EPK e-commerce website between 2013-2014. Highlights From kickoff-to Success Delivery from shopepk.com to epkweb.com Follow Client Satisfaction Statistic reports Responsive design New secure HTTPS electronic payment button inplementarion (123pago.com) & gathering between global sale system Case Study Client name: EPK & Hospital ortopédico Infantil (Venezuela). Type: E-commerce (from Scratch) My role: System Analyst & DBA UI Web designer Web developer (front and back -end) Customer support. General Problem: Sales of tickets for this important foundation in venezuela for the annual EPK's runway show in benefit of the Hospital Ortopedico Infantil in each edition was growing in diffculty to their owners. Highlights From kickoff-to Success Delivery 3 years maintenance Stakeholders requirements System and database design Accomplishments: Reduced annual operation process of ticket sales and improved Satisfaction in users related to new the platform for EPK's runway show in benefit of the Hospital Ortopédico Infantil, one big project that still a success in Venezuela. UI design and re-redesign Data Uptaded Highlights “This collaboration has been one of the most important that I could make, it was useful to many children through the Children's Orthopedic Hospital in Venezuela get treatment for their health needs.” Front - back Improvement and solving problems Follow Client Satisfaction Electronic Payment button Implementation(todo1) back-end -Programming Research Current Case CURRENT PROTOTYPE See the invision prototype https://projects.invisionapp.com/share/RD7WMCAJH#/screens/172662447_1-Intro Client name: Cubos Web Type: mobile/RWD solution My role: UX Developer (until prototype) Idiom: Spanish (current) Time Spend: 7 days General Problem: MiCampaña.com is the product of marketing company CubosWeb, they have an interesting solution to make landing pages, but, just the page building tool isn`t easy to understand by customers with low` to average knowledge in Tech. CUBOSWeb personal need to assist their client constantly in this section. USER TESTING PROCESS Accomplishments: The project is currently development, but this moment and based in UX process from scratch above the page builder proposal and final solution, I can said that many people see in positive expectation to make more easy this important step no matter their expertise. See the fund of study (in Spanish) https://docs.google.com/document/d/1i68dGJrCDs_hFVaX9Bw8bCGFI9mvPhV3iu-htxHr0RI/edit?usp=sharing See the presentation (in Spanish) https://docs.google.com/presentation/d/1Z9JlhHXFwzVw7x5c7A7XNL6g7NpjIlSQYj9sjsVQeJg/edit?usp=sharing WHOLE PROCESS Case Study Client name: XPECTRA RM Type: Web App for Central Stations (Alarms) My role: UX Designer / Researcher / front - end development. Team: -Front-end Developer. General Problem: Central Station Is a Concept without care in many aspects, many current users normally works with non intuitive and confusing systems that require high training times and deploy. Accomplishments: Recently Boosted penetration Market of new products in XRM for Central Stations Monitoring Systems more than 25% by using UX Centered concepts, It's was the High differentiator in front of rivals in an ocean red In Mexico DF. UX Journey: Research & Benchmarking Stakeholders Interview & requirements Standard Fidelity wireframes to interactive prototypes Web Tablet web Users validation Supervision of implementation web game 3d renders interactions animations IoT others Uwearstore e-commerce UI html re-design UI proposal & flash website embedded into html HTML5 Migration website from Flash website Electronic Payment Implementation in prestashop Mercadopago back-end -Programing Research PAYPAL for latinAmerica & Europe web game 3d renders interactions animations IoT others Dev Journey: Stakeholders Interview & requirements Research & Benchmarking Feature map & MVP Information Architecture and Site maps Paper Wireframe Interactive prototype and interaction web game 3d renders interactions animations IoT others Dev Journey: Stakeholders Interview & requirements Interactive prototype and interaction ZhendBar web elements ( 3d+interactions) Phtorealistic 3d reconstruction of site Chroma key editions and Interaction Dev Journey: ZhendBar web elements ( 3d+interactions) web game 3d renders interactions animations IoT others Phtorealistic 3d reconstruction of site Chroma key editions and Interaction web game 3d renders interactions animations IoT others 3d several projects to architectural renders web game 3d renders interactions animations IoT others 180+ flash animation: Stakeholders requirements Cotinued use of storyboarding Interactions programming Creative proposals inside design guidelines. Case Study #6 web game 3d renders interactions animations IoT others 180+ flash animation: Stakeholders requirements Cotinued use of storyboarding Interactions programming Creative proposals inside design guidelines. web game 3d renders interactions animations IoT others web game 3d renders interactions animations IoT others Prezi nevula Cs Research & Benchmarking Stakeholders Interview & requirements Users validation web game 3d renders interactions animations IoT others Several interactive Flash Game for chidrens UI concept Highligth Drawing & painting game section AS3 Programming web game 3d renders interactions animations IoT others Brand Guidelines fo digital uses Variety of UI sets and Color Guidelines web game 3d renders interactions animations IoT others COLORES Consideraciones: Estilo Flat - Sólido Usar 3 niveles por color Aplican a: - Prints - DeskApps - Phablets Colores Principales: Paleta Xpectra AZUL XPECTRA AZUL CLARO REF-001 100% RGB 60% 30% #093b7a REF-002 #0b4499 AZUL OSCURO AZUL TENUE REF-020 Colores de uso particular vibrantes pero que armonizan con los principales. REF-003 #fc4128 Colores Principales (Nueva) Solidez empresarial y oficiales. degrade para ampliación de acciones. Colores Secundarios: ROJO 100% RGB 60% 30% #00263e GRIS OSCURO REF-021 #355989 GRIS CLARO REF-022 #8c908f NARANJA REF-023 #b4b6b5 REF-024 #fc6607 Colores Secundarios - Paleta Ampliada Print: CMYK pendiente. VERDE MZNA O VERDE TURQ O. REF-030 100% RGB 60% 30% Colores Adicionales para Detalle de Aplicaciones e interfaces ofrecen menos variación en Pantallas de alta iluminación. NARANJA OPACO REF-031 ROSA OPACO REF-032 VIOLETA OPACO REF-033 REF-034 #98af67 #59aaa1 #e1ae5b #c8686a #a87ea4 AZUL SCREEN ROJO SCREEN VERDE SCREEN AMARILLO SCREEN BEIGE SCREEN Paleta Screen REF-040 100% RGB 60% 30% #335b7e REF-041 REF-042 #8f3236 #416b6f ROJO APP VERDE APP Paleta Intern App AZUL APP REF-050 100% RGB 60% 30% #308bc2 REF-051 #d20417 REF-052 #2cb76b REF-043 #ffc400 REF-044 #f9b192 Desktop Client name: XPECTRA RM Type: UI Redesign for netMATRIX Platform v. 5.0.0 (in 2005 and 2007) My role: UI designer, Front-end Developer Researcher Team: Principal Stakeholders Project Managers All developers General Problem: All UI from this platforms was in diferents ways, firstly because all was no guidelines, standarts and supervisión or recommendations abourt this area. Accomplishments: Acceptance of this app far exceeded expectations by stakeholders and end users, however many processes really need much more than just a nice interface with highly customized elements for success. Highlights Complete set of icons for all platfom supervision of implementation Prototype and C++ final UI supervision of implementation UI redesign in 2 times Desktop Client name: XPECTRA RM Type: UI redesign+Icons for Graphical statistics My role: UI designer Team: .net Progammer. Project manager General Problem: The current desktop App from netMATRIX 6.0.0 Is based enterely in Programmers visión, and a new module was unsuscessfull for users. Make a new proposal and try to mantain the old aspect was a challenge in short time to show it in close events. Accomplishments: Stakeholders and customers have a diferent perception of this app module in Supervision ways and have a sense for them; the new drilldown suggestions during Graphics and maps navigation is an example of this.. Highlights Stakeholders Interview Research & Benchmarking UI prototype adapted as possible to current guidelines apps Short Time of Implementation. Team collaboration in fast Mode. Any comment? [email protected] Thanks for Appreciate this brief portfolio! 2002-2016