DESIGN

Vidalma

I design and contribute to the creation and development of 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 enjoy the entire Adobe Creative Cloud. ExperienceDesign, InDesign, Illustrator, and Photoshop is what I primarily use on a daily basis. Each application serves their own purpose. My web dev IDE of choice is Dreamweaver.

Languages

Expert in HTML & CSS & "vanilla" JS. JQuery gets an honorable mention even though I like to keep 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: Android A native app created to reflect the same structure & benefits of their existing E-Learning website. I contributed my skills in Information Architecture, User Experience Strategies & Interface Design.

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.
All innovative course offered meet the current and emerging needs of the community, parents, caregivers, and human service professionals across the globe.

Center for Autism & Related Dis. website

Platform:
Web

My Role

UX lead

UI design

Information architecture

Challenge:

Current website has outdated branding, with static and mystery meat navigation. It also has long load time and a high drop off rate. Content is redundant through out, and community blog is broken.

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.