Design Process

Design Process

Design Process
bv-logo-white

FROM UX TO UI 

FROM UX TO UI 

FROM UX TO UI 

Here are some samples of work highlighting the use of quantitative data, applied heuristic evaluations and insights from qualitative research to guide the UX strategy and inform UI solutions for current and future implementations through agile workflows.
Here are some samples of work where I have leveraged and analized quantitative data, applied heuristic evaluations and utilized learnings from qualitative research to guide the UX strategy and inform UI concepts under agile workflows for current and future implementions.

Here are some samples of work where I have leveraged and analized quantitative data, applied heuristic evaluations and utilized learnings from qualitative research to guide the UX strategy and inform UI concepts under agile workflows for current and future implementions.

app cover BV

Analytics 

Working in collaboration with data and business analysts and using Google analytics, Medallia and internal metrics data, I translate the most relevant information to be shared with stakeholders highlighting and revealing positive outcomes as well as pain-point areas that need be addressed.

analytics quantitative data
analytics quantitative data for banners in desktop

User testing 

Using interactive prototypes to test concepts and future implementations for various UX and UI projects I have been part of user research interviews and user testing sessions in-house and at nationwide research facilities.

UX-user-research interviews
BGO_user-test

UX site maps

Using wireframing tools like Lucidcart and Miro I visualize the content structures to be shared with designers, developers and stakeholders for current and future implementations of web and digital properties.

Sitemap

UX user flows

Part of the discovery and solution process resides in showcasing user flows in digital and large format print versions to address pain-points and provide solutions on functionalilty, content and/or UI best usability practices.

DSS-booking-flow-00-web
DSS-booking-flow-01-web
research feedback UX wall
UX Designer in action

Wireframes

Wireframes are used to display the most relevant aspects of proposed improvements. They could be basic drawings or hybrid mockups that indicate placement for UI elements, copy and/or image assets.

Sign-in-Wireframe
RT-02-Registration-Wireframe
Vacation Detail Page wireframes

UI specifications

During the design process early discoveries can be communicated to developers to integrate small foundational pieces of work into the sprint cycles even before the final designs are completed as part of the iterative agile approach. 

DSS-Sitewide-alert-2
DSS-Top-nav-section
DSS-booking-component

UI implementation 

High defintion designs are part of the final process in the form of mockups and interactive prototypes including art direction for images and in collaboration with copywriters adding actual content to represent the expected outcome, avoiding fake (ipsem lorum) content that could be misleading.

DSS-Guest-sign-in-personalized-01
sign-in-screen-iphone-X-mockup
DSS-Guest-sign-in-personalized-02
VDP-safari-mockup
DSS-iphone-X-02
DSS-iphone-X-03
DSS-iphone-X-04
DSS-iphone-X-05