UX-UI

I enjoy the process of discovering project requirements to create what clients envision. User-experience research and interface design are integral parts of my development process.

UX Design for Multiple Devices

Personal Project: Redesign a past project using Adobe XD.

Objective: To develop an employee training and development portal. An agency working group provided me with requirements and data they gathered.

My role:  I conducted further research to determine user requirements for the interface and technical requirements for data systems. Synthesizing the information into a flowchart and designing the interface for multiple devices enabled employees to search and create lists for courses and engage with learning modules; and allowed supervisors to approve employee courses and track professional development. I created a design system, user flow, low and high fidelity wireframes.

Tools used: Adobe Photoshop, XD

images of design system, user flow, low and high fidelity wireframes

UX Design for Media Player

Personal Project: Adobe XD design challenge to design a media player. 

Objective: To allow a user to search for stories, create playlists, and view recently added and recommended stories. 

My role: I created a design system, user flow, low and high fidelity wireframes and prototype.

Tools used: Adobe Photoshop, XD

return to top
image of high fidelity wireframes

Prototype for Remote Learning Module

Objective: To help potential applicants prepare for the Peace Corps Volunteer application process, our team examined and recommended processes to improve an agency program. We decided to develop an online learning tool accessible to the public at any time.

My role: Collaborate with team to research program history, interview participants, and analyze quantitative and qualitative data; design information flow into the learning management system (LMS); create wireframes; design and integrate custom graphics and logo into the LMS to coordinate with the agency's branding; record narratives and edit videos of volunteer experiences in the field; populate LMS with text content, images, audio, and videos; design motion graphics to accompany instructional narrations; mockup web access point for LMS; present report and prototype to agency leadership groups.

Tools used: Adobe Photoshop, Illustrator, Audition, Premiere, Flash; actionscript, HTML, CSS, XML, javacript, JQuery

Prototype for Employee Training and Development Portal

Objective: To design an interface of a web portal connected to multiple systems and external sites,  for employees to seek courses, plan their  professional development  and enable supervisors to track their progress from an online portal .

My role: Assess user needs, online security and technical requirements from cross-functional teams across the agency, research best practices, design information flow, produce wireframes, present visual designs to working group, make iterative adjustments to design, collaborated with a database specialist to create the prototype of interactive features in HTML and CSS, communicate design and functionality to leadership groups.

Tools used: Adobe Photoshop, Illustrator, Flash

Prototype for Interactive Educational Modules

Objective: To enable students to explore expanded features of specific topics. Our team decided to create interactive educational modules incorporating multimedia assets to engage students using different learning styles.

My role: Design and wireframe interfaces to present concepts to agency leadership in order to gain support to continue the direction of design and production. I transformed content into multimedia products—audio narratives, zoom features to examine details of a topic, and animation to depict complex systems. I loaded data through XML files while using HTML, CSS, and JQuery to present interactivity of content on website.

Tools: Adobe Photoshop, Illustrator, Flash, Audition, Premiere; HTML, CSS, JQuery, actionscript

return to top