DESIGN

Vidalma

I design interactive, cross-platform user experiences.

Driven to discover, understand, and design for real human needs influenced by data and user research methods. I’m enthusiastic about innovation and wish to use my experience to support emerging technologies and companies. I always seek to see the bigger picture, polish the details, and create simple solutions to complex problems.

Education

Udemy

UX Design

Udacity

Frontend Development

Art Institute of Los Angeles

Web Dev. & Interactive Media

Academy of Couture Art

Fashion Industry

Bakersfield College

Web Design

Institue of Design & Merchandising

Fashion Design

Bakersfield High School

Multimedia Academy

Skills

Software Stack

I primarily use Adobe’s ExperienceDesign, InDesign, Illustrator, as well as Photoshop when necessary. I’m familiar with Sketch and Invision and am really interested in how UX teams collaborate with the designers and developers to ensure implementation matches specification.

Languages

I tend to use Dreamweaver if I’m ever writing functional prototypes. Expert in HTML & CSS. I enjoy using JQuery and keeping up with all of the new features JS is coming out with. I am also bilingual--fluent in both Spanish and English.

Case Studies

Institute for Behavioral Training: (IBT), professional team of BCBAs all with over 20 years of experience, creates and implements diverse training programs. The innovative course offerings meet the current and emerging needs of the community ,parents caregivers, and human service professionals across the globe.

iBehavioral Training mobile application

Platform:
Android & iOS

My Role

UX lead

UI design

Information architecture

Challenge:

How can we expand functionality in mobile for existing customers and reach new mobile customers.

Process:

After using the existing website and taking a course I mapped out the current structure of the web experience. We got a clearer picture of our mobile user persona using analytics data and conducted a survey and interviews on current users.

Many rounds of sketching helped shape the solution. Fleshing out the flow of the existing website helped set the foundation for the mobile experience. Going through about 7 rounds of wireframe iterations, the flow was streamlined and UI elements were pared down to the essentials.

Solution:

Design mobile version of website that leverages native app functionality to enhance experience and streamline user flow.

Verifying:

The solution was tested using a prototype internally, by QA team and by a selection of current clients until it was clear the mobile experience was ready.

Center for Autism & Related Disorders (CARD) treats individuals of all ages who are diagnosed with autism spectrum disorder (ASD) at treatment centers around the globe.

Center for Autism & Related Dis. website

Platform:
Web

My Role

UX lead

UI design

Information architecture

Challenge:

CARD’s current website has outdated branding, “mystery meat”/inconsistent navigation, long load time, and a high drop off rate. Each page or section of the site was owned by different individuals creating redundant content and often an unclear user experience.

Process:

Assessment of current website with site map, content audit, analytics report with 2 years of data. Definition of content owners per section and interview meetings with each.

Development team leadership by defining roles, task assignments and keeping project documentation plus having weekly status updates. Define project goals, audiences, and technical needs. Do card sorting exercises with development team to create clarity in content and navigation. Set structure map, design navigation interface and sketch out wireframes per page.

Have follow up meetings with content owners to approve “new” content structure and setting deadlines for any copy needed from them. Rapid prototype pages as content and layout is approved; from sketch wireframe to clickable prototype.

Solution:

Organize and filter current content, update and include new content as needed. Design new UI that is responsive and provide a community section and an educational section.

Verifying:

Design and code MVP navigation interface prototype to test internally within development team.

Skills® The Online Autism Solution Brain Map is a one-stop resource for creating and implementing comprehensive, tailored treatment plans for children and adolescents with autism spectrum disorder (ASD).
With wide-ranging assessment tools, customizable research-based lessons, and detailed progress tracking reports, Skills® allows clinicians, teachers and parents to apply scientifically-proven treatments and interventions, measure their effectiveness, and help children with ASD reach their fullest potential.

Skills for Autism Web App

Platform:
Web

Challenge:

Clients don’t understand tangible impact of therapy hours. Parents need a non-technical progress report to see students status.

Process:

Researched data visualization tools. Collaborated with CARD Assessment team for data and the design of brain map visuals. Gathered visual inspiration to create mood board. Received list of brain regions to be featured in visual designs. Created UI concept comps in photoshop. Had a brainstorm session with CARD Assessment team and presented those comps to determine a way to make the impact of lessons feel tangible. We settled on making a brain light up regions when user clicks on its respective lesson/curriculum.

Solution:

Simplify and clarify lesson structure in a visual way. Provide an intuitive, visually rich and user friendly progress overview tool.

Verifying:

Design and code MVP interface prototype to test internally within development team.

MOBILE APP

WEBSITE

GRAPHICS

Contact Me

Now Available

I'm available for a full-time position. Let's get in touch.

OR

Thanks!
I'll get back to you as soon as possible.