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