Research | Design | Build


Welcome to Katelyn Pettit's Portfolio!

Work

Click around to see some of my work.

Origami and Design Blog

Web Design | Frontend/Backend Development | Copy Writing

Origami and Design was a blend of two different school projects. The first was a copywriting practice for which I wrote six articles using SEO and targeting a particular audience. The second was for a PHP MySQL class in which I learned how to build a modulerized blog and accompaning manager portal. Origami and Design.

Learn More

Idasurance

Web Designer | UX/UI | Project Management

Idasurance is a custom built website that I helped design, test, and launch while working at Maura Software. The goal of the website is to help people apply for health insurance in Idaho by simplifying the process and making it possible to apply online. I designed the quoting and application processes and acted as a coordinator between the client and developers as we built the website.

Dentistry Multi-Platform App

UX Design | UI Design | Research

The Dentistry App is a multi-platform concept I have been working on to make communication between dentists and their patients simpler and more effective. The project includes a patient targeted mobile app for setting appointments, reminders, and bills. The dentist side includes a tablet app for updating records on the job, and a scheduling desktop for receptionists.

David O. Mckay Library Direction Signs

UX Design | Graphic Design

While working in the Student Technology Center at BYU-Idaho the library staff asked me to redo the directional signs throughout the library. In this project I had to handle some very specific constraints and perform many user tests in order to create signs that were clear and useful.

Ivy House Weddings Ad

The Ivy House Reception center in Salt Lake City bought an ad space in a well known bridal booklet and asked me to design a simple half page ad for the center.

Brigham College Library

UX Design | Graphic Design

The purpose of this project was to design and test a college library homepage and search flow. I named mine Brigham College Library as a play on my school’s name. My main goal with this project was to create a simple homepage that catered to the needs of both current students, professors, and new users.

Learn More

Scarf Poster

This is a How to tie your scarf poster for an information design class.

Learn More

FamTracker App

Research | UX Design

FamTracker is an app for tracking personal family history goals and getting rewarded for sticking to them. I designed and tested a process of setting goals, reporting when goals are met, and getting rewarded for keeping them. The app uses gamification to encourage users to keep their goals and earn badges.

Zombivator Website

Frontend Development | Web Design | Copy Writer | Illustration

Zombivator was a quirky little information design project I worked on last year. The point of the assignment was to make an interactive and interesting infographic on the web. I decided to go a little bit further and use the assignment to explore some CSS effects and different ways of making interactive websites.

His Grace Booklet

This booklet was designed as part of a typography class assignment which required us to find a motivational talk or speach and create a simple booklet to display it. I chose one of my favorite religious talks about Grace and using a piano metaphor from within the talk created this design.

Sigmund Identity Design

Web Design | Copy Writer | Brand Design

Sigmund is a wellness automated chat system for which I designed a logo and full brand identity theme for. I included a website landing page, business cards, and other elements to be used in pushing the brand.

My Process

Research

Identify Target Market | Create Personas | Analyze Current Systems | Create Evaluation Criteria

Design

Sketching | Wireframes | Paper Prototypes | Holistic User Testing | Mapping | Digital Prototypes | More User Testing | Refine UI | Creating a Specification

Build

Gathering Assets | File Structure | HTML | CSS | Fixing Bugs

Test

Testing with Target Users | Gathering Feedback | Holistic Evaluation | Problem Solving

Perfect

verb per·fect : to make (something good) perfect or better | Repeating the process

Contact

Contact:

Feel free to send me a message here or stop by my Linkedin page for more information and to contact me there.
My Linkedin Page

Illustration of me looking at blue prints with a hard hat on.