Dalehogar.org

The Family Department of the Government of Puerto Rico launched a campaign to attract prospective adoptive parents into finding their match; a child that needs a home.

It was a 360 campaign. It regards to my participation in this beautiful project was to design the user experience and lead the production of all the deliverables within a producion timetable for a responsive & accessible microsite which focused on leading the prospective parent to fill two forms: one with general information and another which basically cemented the basis of the application. 

You may find below some screen shots of various sections of the microsite dalehogar.org:

screen-shot-2016-12-11-at-9-02-30-pm

screen-shot-2016-12-11-at-9-02-09-pm 

screen-shot-2016-12-11-at-9-01-59-pm 

screen-shot-2016-12-11-at-9-01-50-pm

 

 

Walmart Publicaciones Redesign

The shoppers/weekly ads (Publicaciones) are the most visited area on walmartpr.com website. We developed a landing page for the user to have a more inclusive experience, being able to navigate across different shoppers, products and categories. We implemented new modules that were to be replicated across other sections of the website.

I was responsible for the scoping, planning, user experience design (wireframes) and management of the production for the project.

Desktop/tablet version wireframes:

WMPublicaciones_wiredesktop

 

Mobile version wireframes:

WMPublicaciones_wiremobile

Current page (desktop version):

Screen Shot 2016-07-27 at 9.40.10 AM

Lestoil Hack del Año

Lestoil Puerto Rico launched a user generated content based contest in which the users could submit their hacks for the possibility to win money. This was aligned to the brand’s online strategy to highlight the creative spirit of the target user.

I was responsible for the user experience design and management of resources (internal/external) of the project.

Instance userflow:

lestoil_yearhack_userflow_v2_rev

Wireframes:

lestoil_yearhack_mobile_submission lestoil_yearhack_mobile_voting Lestoil_yearhack_mobile_winners[1] lestoil_yearhack_voting_rev22-7-15

Layout (submission period):

65910-FB-tab-promo-Hack-del-ano

 

Tu primera tarjeta

Bancoop is a cooperative based bank which launched a campaign with two new products, a debit card and a credit card focused on a younger target. We designed and developed a responsive landing page to inform the clients of the benefits of both their products. It can be accessed at tuprimeratarjeta.com.

I was responsible for the user experience design and the management of the resources (internal & external) that produced and developed the project.

Mobile wireframes:

Bancoop_mobile_card_swipeB

Bancoop_mobile_home_swipeB Bancoop_mobile_menu

Current website (desktop view):

Screen Shot 2016-07-27 at 9.49.26 AM

 

Current website (mobile view):

Screen Shot 2016-07-27 at 9.49.36 AM

Walmart Puerto Rico Template Design Optimizations

We provided the redesign of templates within Walmart Puerto Rico’s online property, the walmartpr.com website. In support of Walmart’s strategic plan to enhance marketing with a DIY/Lifestyle approach, we aimed to provide prospective clients with an improved customer interaction. The redesign focused on building a content rich website which provided a simplified and more user-friendly approach for existing and potential clients.

WM_wireframes_11mayo_Page_5 WM_wireframes_11mayo_Page_4 WM_wireframes_11mayo_Page_3 WM_wireframes_11mayo_Page_2 WM_wireframes_11mayo_Page_1

Interface Design Course at Universidad del Turabo

I was given the opportunity to teach an Interface Design course to 3rd and 4th year Graphic Design Students, at Escuela Internacional de Diseño. I taught them the principles & methodologies of Interaction and User Experience Design. The students were able to test their own wireframes and prototypes for mobile apps they designed.

The curriculum started off with a Heuristics Evaluation of an existing app, then they proceeded to research on their prospective clients (based on briefs), develop personas, scenarios, task analysis, wireframes (which they tested upon real users) and a final working prototype.

Final prototype (iOS version) of Hospital del Maestro’s mobile app:

Screen Shot 2016-03-30 at 7.25.12 PM

App prototype credits: John Ortiz, Karla Flores & Gerardo Soto (group)

 

Walmart Digital Catalog (Navilooks & Diario de Verano)

Walmart Puerto Rico decided to launch its first digital catalogue, focused on the categories of apparel and personal care.

We proposed a platform in which different looks could be displayed with product and price information on a responsive microsite.

I produced the sitemap and wireframes based on the brand character and heuristics. I was also the Project Manager/Digital Producer for the project, working closely with all the production resources to complete all the dependencies according to the project’s timeline.

Desktop/tablet wireframes:

wm_navilooks_wireframes

 

Mobile wireframes:

wm_navilooks_wireframes_mobile

 

Desktop/tablet layouts for Navilooks (Christmas Season Catalogue):

Navi_layouts_960_grid_Bembe

Mobile layouts for Navilooks (Christmas Season Catalogue):

00_NaviLooks_movil_home

Mobile version for current catalogue (Spring/Summer), Diario de Verano.

Screen Shot 2016-07-27 at 9.52.20 AM

Desktop version for current catalogue (Spring/Summer), Diario de Verano. Screen Shot 2016-07-27 at 9.52.11 AM

Lexus Website Redesign

We were approached by Toyota de Puerto Rico, Corp. to redesign the website for Lexus, their luxury brand. The focus was to display the content of the site with the same qualities their vehicles have: comfort, elegance, power. We designed and developed a desktop & tablet friendly version, and a mobile version.

I was responsible for the scoping and production management of the project, with internal and external resources.

Desktop version of the website (as of April 2015):

Mobile version of the website (as of April 2015):

Millas de Felicidad

Every year, Toyota de Puerto Rico, Corp. sends their Christmas Card to their employees and suppliers all across the globe. On 2012, the creative proposal was to use the multiple miles Toyota cars gather, because of their durability, for a socially responsible cause. Paired with Fundación Ferni, we were able to produce a website that was shared throughout social media and email, to gather 32 million miles worldwide, which translated onto 19 wheelchairs that were donated to underprivileged children.

Case study:

Website screen shots:

You may access the microsite here.

Toyota Website Redesign

Toyota de Puerto Rico, Corp. hadn’t redesigned their website for almost a decade. The challenge was to redesign it in order to show the brand equity and leverage upon the competition. We developed a website very rich in content and keen on high quality aesthetics.

Here are some screen shots of the desktop version for Puerto Rico:

 

 

The corporation also has presence in the US Virgin Islands, therefore, we developed a full english version of the website.

We also developed mobile versions for both websites: