Web Development

REMEDI platform. Infusion Pump Alerts tool. 2017-2018
Alerts tool

UsersHospital pharmacists and nurses, members of REMEDI.

User GoalsAnalyze how alert volume changed each month or by time of day, which drugs/fluids generated most alerts and how clinicians responded to alerts.

My WorkDesign of the app from A to Z - UI, user flow and interaction. HTML, CSS and JavaScript coding of the interactive prototype and final app. D3.js coding of the charts and UI components. REMEDI responsive template design and platform design system. PHP+MySQL programming to integrate with the HUBzero platform.

Project URL https://catalyzecare.org/remedi (member access required)

REMEDI platform. Infusion Pump Drug Limit Libraries tool. 2015
Libraries tool

UsersHospital pharmacists and nurses, members of REMEDI.

User GoalsView common concentrations, dosing units and dosage for a particular drug or fluid; compare hospital settings on infusion pumps to other hospitals.

My WorkDesign of the app from A to Z - UI, user flow and interaction. HTML, CSS and JavaScript coding of the interactive prototype and final app. D3.js coding of the charts and UI components. UI coding in ClojureScript + React.js. REMEDI responsive template design and platform design system. PHP+MySQL programming to integrate with the HUBzero platform.

Project URL https://catalyzecare.org/remedi (member access required)

REMEDI platform. Infusion Pump Compliance tool. 2016
Compliance tool

UsersHospital pharmacists and nurses, members of REMEDI.

User GoalsView trend in smart pump compliance in member hospital and benchmark against other hospitals.

My WorkDesign of the app from A to Z - UI, user flow and interaction. HTML, CSS and JavaScript coding of the interactive prototype and final app. D3.js coding of the charts and UI components. REMEDI responsive template design and platform design system. PHP+MySQL programming to integrate with the HUBzero platform.

Project URL https://catalyzecare.org/remedi (member access required)

REMEDI platform. Administrative Module. 2015
Administrative module of REMEDI

UsersAdministrators of the REMEDI platform.

User GoalsAdd/edit organizations, members, manage members' ACL, edit platform configurations and view usage statistics.

My WorkUX/UI design and programming (PHP+MySQL; HTML, CSS, JavaScript).

Project URL https://catalyzecare.org/remedi (member access required)

HUBzero platform. Projects component. 2010-2015
Hub projects

Selected screens with different areas of Projects presented.

PurposeCollaborative area within HUBzero platform, where researchers and educators can communicate, store and share files and data, and publish with a DOI.

My WorkUX/UI design and programming (PHP+MySQL; HTML, CSS, JavaScript).

Project URL https://hubzero.org

Hubzero on Github https://github.com/hubzero

Prototyping

REMEDI platform. Early prototyping of the Drug Limit Libraries tool.2015
DLL prototyping

Sharing a few early sketches/stakeholder presentation materials. First iteration.

PurposeWorking with early insights from user research and with sample data from several pump vendors to propose the app's flow, UI composition and interaction.

My WorkThe work involved analyzing available device data and questions that users seek to answer with the analytics tool; sorting out variables and breaking them into dimensions; figuring out the user story and proposing designs, iterating based on feedback from team and users.

OneSciencePlace.org. From design concepts to early wireframing.2018
OSP prototyping

Sharing a few early sketches/stakeholder presentation materials.

ProjectOneSciencePlace is the new subscription-based application of the open source HUBzero platform for research collaboration and science simulation. Beta version to be released in Dec 2018.

My WorkLaying out UX design strategy; leveraging customer insights, user feedback and web analytics to create flow charts, wireframes and prototypes of new experience.

Project URL https://onescienceplace.org (placeholder)

REMEDI Project. Alarms app user decision flow.2018
Alarms decision flow

PurposeThe flow chart helps understand user pathway from research questions to answers when using the new Alarms app on the REMEDI platform. It organizes different variables and sorts them by dimension. Used for early prototyping of UI and presentation of concepts to stakeholders.

My WorkUX design work in Axure RP.

REMEDI Project. Re-design of organization selection.2018
Design challenge

Slides from presentation of design concepts to the dev team.

PurposeWorking in complex new user & business requirements without adding complexity to the UI poses a real design challenge.

My WorkProposing solutions to the design challenge to be tested with end users. The UX design work in Axure RP, Sketch. Presentation in Google Docs.

Design System

REMEDI platform. Remedi Design System. 2018
REMEDI Design System

PurposeSystematically describe common styles and UI elements used throughout the platform to ensure design consistency and aid team work.

My WorkAll of it. From coming up with original styles, picking theme colors, icons and fonts, deciding on layouts etc. - to coding individual UI elements, writing CSS and documenting everything within a cohesive design system. Originally done in Sketch. The HTML version includes code snippets and guides for other developers on the team.

Check it out https://catalyzecare.org/remedi/designsystem

Design Thinking

OneSciencePlace.org. Running team design thinking sprints.2018
Design sprints

PurposeShape up UX vision for a new application of a long-existing technology platform, understand who will use the new product and why, push for user-centered design and bring the whole team (developers, marketers and management) on the same page about product vision.

My WorkOrganized and ran design sprints with the cross-functional team. In the first session the team drew assumption personas and user journeys from what we know about current users. With user interviews conducted between sessions and insights shared, the second sprint focused on ideation around content discovery within the new site. This is a young ongoing project. Each sprint sparks ideas to prototype, as well as identifies areas where additional user research is needed.

OneSciencePlace.org. Personas and user journey maps.2018
User journeys

PurposeDocument personas and user journeys that the team generated during design thinking sessions.

My WorkCreating personas, user journeys and other artifacts of design sprints and user research findings. Done in Sketch.

Corporate Design

Air Canada / Destina.ca. Design of hotel search UI.2004
Air Canada

PurposeBooking engine design revamp of AirCanada.com and partner sites.

My WorkCreating web graphics (headers, buttons, icons etc.) and html layouts using Photoshop and Dreamweaver.

Air Canada. E-marketing.2003-2004
Air Canada

PurposeDesign and maintain AirCanada's e-marketing materials, including webSaver and onAir e-newsletters.

My WorkCreating web graphics (headers, buttons, icons etc.) and html layouts using Photoshop and Dreamweaver.

Ensemble Travel. E-marketing.2005-2006
Ensemble Travel

PurposeDesign and build regular e-ads to subscribers of travel deals.

My WorkCreating web graphics (headers, fonts, buttons, etc.) and html+css designs. Using Adobe Photoshop, Dreamweaver. ASP/PHP for server side.

CE Network Inc. Landing pages2002
CE Network web

Landing pages for CE Network, the continuing education site for real estate and financial professionals. Using Dreamweaver, Photoshop, and Flash.

Illustration / Print

Technical illustration for EyeConX (freelance project).2002
Technical illustration
CE Network. Marketing materials. 2002
CE Network marketing

Game Design

Generation Nano project.2007

UsersMiddle school kids and their science teachers.

User GoalsLearn basic nanotechnology concepts.

Site ConceptWhen visiting the project website, children find themselves in the lobby of the Birck Nanotechnology Center at Purdue University. They explore the virtual hallways, cleanroom and labs, meet various researchers, and engage in different tasks or "missions" in which they help a researcher and learn about nanotechnology in the process. Each successful mission is rewarded with a key, which could be used to unlock other, more advanced missions.

My WorkConcept, visual and interaction design. Flash UIs and ActionScript programming of all interaction and gaming activities.

Mosaic Art

Mosaic art.2004-2010

Creatively expressing myself in mosaic art. Materials: Italian and Mexican smalti, millefiori, ceramics and vitreous glass.