Writing

Designing

Designing Pieces

DJ's Hope 4 Hearts Website

I volunteered with DJ's Hope 4 Hearts to redesign their website. I created low-fidelity wireframes, a prototype, and then, after approval, I created the website using HTML and CSS.

I improved usability through rearranging the information hierarchy of the website and reorganizing the navigation of the site. I also added more information to the homepage to better illustrate what the charity does and how they help children and families dealing with heart conditions.

For the design, I chose a child-like font for the main headings, created a few icons, and added more imagery. I also created wave backgrounds to tie the design together.

View Process »

Visit the Website »

Skills Demonstrated

  • UI/UX design
  • Responsive design
  • Design thinking
  • Information Hierarchy
  • HTML & CSS
  • Imagery

Usability Testing for Kingdom Strollers

I worked in a team on this project to provide Kingdom Strollers an evaluation of their site from a usability and user experience perspective. Kingdom Strollers allows users to rent strollers for Disney World. My team wrote a test protocol and then we each conducted a moderated usability test on a potential user. We evaluated the results from all of the tests and created findings and recommendations based on the evaluations. These results give light to opportunities Kingdom Strollers can take to improve their user experience.

View Process »

View PDF »

Tools Used

  • Google Docs
  • Silverback 3
  • Slack

Skills Demonstrated

  • Conducting a moderated usability test
  • Scribing for a moderated usability test
  • Working in sprints with daily stand-ups
  • Writing a protocol
  • Evaluating usability test results
  • Writing findings & recommendations
  • Communication
  • UX design
  • Teamwork

CSS Animations

I created the following animations. This project focuses on front end development. The design of the micro interactions are meant to create meaningful engagement with the user and gain their attention.

View Space Animation »

View Micro Interactions »

Tools Used

  • Adobe Illustrator
  • HTML, CSS, and JavaScript
Website

Short Document Redesign

I redesigned a flyer that I found online for an event presented by UNT and Explorium Denton. In this redesign, I focused on exploring typography and layouts in both flyers and posters while keeping the design clean.

View PDF »

Tools Used

  • Adobe InDesign CC
  • Adobe Acrobat DC

Skills Demonstrated

  • UI design
  • Imagery
  • Proximity
  • Readability
  • Organization

Usability Testing for the Dallas Public Library

I worked in a team on this project to provide the Dallas Public Library with an evaluation of their site from a usability and user experience perspective. My team created a protocol which we sent to UserTesting.com. We conducted a heuristic evaluation of the website ourselves. We tested both the desktop version and the mobile version. We then evaluated the results from all of the tests and created findings and recommendations based on the evaluations.

View Process »

View PDF »

Tools Used

  • Google Docs
  • UserTesting.com
  • Slack

Skills Demonstrated

  • Conducting a heuristic evaluation
  • Working in sprints with daily stand-ups
  • Writing a protocol
  • Evaluating usability test results
  • Writing findings & recommendations
  • Communication
  • UX design
  • Teamwork

Audience Analysis of Dallas Public Library

I worked in a team to create an audience analysis of the Dallas Public Library. We each conducted an interview and together we made personas based off of the user interviews. I individually created empathy maps, journey maps, and user stories for the primary and secondary audiences of the Dallas Public Library as well.

View Process »

View PDF »

Tools Used

  • Adobe XD

Skills Demonstrated

  • User research
  • Audience analysis
  • Creating personas
  • Creating journey maps
  • Creating empathy maps
  • Creating user stories

Curiosity App Wireframes and Mockups

I designed the following wireframes, mockups, and prototypes inspired by the Curiosity app. Curiosity gives users daily articles on subjects that interest them. This was a simple UI project I did while learning Figma. The project focuses on creating different designs for desktop and mobile that are distinct and usable in their respective mediums but also cohesive as a brand.

View PDF of Wireframes »

Link to Figma Desktop Prototype »

Link to Figma Mobile Prototype »

Skills Demonstrated

  • UI design
  • Responsive design
  • Design thinking
  • Organization
  • Color
  • Imagery

Portfolio (this) Website

I designed the layout of this website. By completing this design, I created my own brand and practiced clean & modern design.

Skills Demonstrated

  • UI design
  • HTML & CSS
  • Branding
  • Typography
  • Logo & icon design
Website