Jonathan Guerra

"Design always tells a story"

Full Stack Designer with Front End Developer skills helping companies understand and craft better online and offline user experiences in fast-paced development environments for over 10 years.

I belive that process is a key element to defining great user experiences. It's not only about the destination, is also about the journey.

User Interface Developer/Designer

Part of the UI/HTML Team at Kaplan University.

• Designed and developed user interface for faculty and student portals.
• Designed the Information Architecture of new portals.
• Managed portal content working directly with the business side (Faculty and Area Directors).

Deliverables

Site Maps

Wireframes

Prototypes

Front End Developer

Jr. Front End Developer part of the Front End Development Team:

• Developed 45+ websites for Community Banks & Credit Unions.
• Established templates reducing time for Compliance's updates.
• Updated 500+ micro-sites to new templates.
• Created Internal Communication newsletter.
• Contributed to Front End Code Library.

User Experience Designer

UX Designer for Kasasa's UX Team:

• Established UX Guidelines on B2B & B2C products and services.
• Introduced Lean UX process on an Agile environment.
• Worked along with 5 dev. teams on 2-week sprints.
• Added UX acceptance criteria to new developments.
• Designed, developed and managed Kasasa's Component Library.
• Defined Information Architecture of company's sites.
• Designed and conducted User Tests on several products and services.
• Designed wireframes and functional prototypes.
• Customer Experience Mapping.
• Unified mobile and desktop experiences of company's products.
• Redesigned internal applications and process flows.
• Educated and raised company awareness in UX.

Deliverables

Design Process

Wireframes

Prototypes

Component Library

Senior User Experience Designer

Contractor part of the UX Team:

• Redesign Rackspace’s Framework Documentation Click here
• Generation of Wireframes and Hi-Fi Mock ups for dev. teams.
• Creation of a repository of visual resources for design team.
• Design of new generation UI for Rackspace Tools.

Deliverables

Wireframes

Prototype

Senior User Experience Designer

Contractor as part of Visa's Design Team:

• Lead the discovery and protoyping phases of the software development process.
• Establish the UX Design Process in alignment with the existing development process.
• Create and maintain a component library.
• Create an asset library to reduce effort in prototyping phase.

Deliverables

Design Process

User Flows

Wireframes

Prototypes

Lead Designer

Lead of the Design Team

• Crafted the UX strategy of the future of Sumo's tools.
• Established a development process on an unclear and fast development environment.
• Redesigned the Information Architecture of the platform.
• Grew the design team and mentored Jr. designers.
• Promoter of a Design Thinking culture.

Senior User Experience Designer

Contractor leading the user experience strategy for Customer Care & Aftersales:

• Conduct the discovery phase for redesign of legacy systems.
• Identify current Customer Care & Aftersales experience.
• Design the future experience of Customer Care & Aftersales.
• Contribute with designing and revising elements for General Motor's Component Library.
• Redesign legacy systems into a consolidated platform.
• Analyze and research target audience users.

Deliverables

User Journey

Component Library

Personas

Wireframes

Prototypes

Lead User Experience Designer

Leader of the redesign of Arrive Logistics' main application:

• Conduct the discovery phase for consolidation of different platforms.
• Analyze and research target audience users, focusing on improvement of existing workflows.
• Redesign the Information Architecture from a featured based navigation into a module navigation.
• Prioritize User Testing early in the development process.
• Generate clickable prototypes for Testing Phase.
• Conduct User Testing for new features.
• Contribute with designing and revising elements for Arrive's Component Library.
• Work along side with development team to ensure successful delivery of design.
• Educate peers in UX topics and best practices.

Deliverables

Prototypes

Discovery Phase

As lead of the Discovery phase for the UX Design team, I hosted interviews with Stakeholders and Users of the Analytics Tool which provides analytics and market insights about a transaction through out its lifecycle.

Since this was a redesign, I needed to identify current state of the tool and the reason why the tool was going through another redesign. I also focused on identifying the different level of users, along with the objectives each type of user has when using the tool. Several types of users with different needs were. Just as novice users wanted a simple UI with easy to understand charts and information, more expert users wanted a complex UI with custom capabilities. This made the use cases and requirements to fall on a very wide spectrum.

After the meetings, I hosted white boarding sessions with Product Owners, Designers, Engineers and Architects to draft paper sketches and stablish the direction of the design.

After sketching the UI in paper, I proceeded create a lo-fi wireframe as a delivery product to mark the end of the Discovery phase.

Prototyping Phase

As lead of the Prototyping phase for the UX Design Team, I was in charge of the creation of prototypes using Sketch tool. At this phase we start getting into the details of the UI. The prototype was built using our own component library, with the idea to reutilize as most components as possible in order to speed up the development.

Testing Phase

Assisted Visa's Research Team to conduct in person and remote testing sessions using the functional prototype previously shown.

Prototyping Phase 2

After conducting user testing with users, some adjustments were done to the prototype.