Kristen Grote (she/her) is a front-end web developer with 15 years of experience coding projects for clients of all sizes, from small businesses to multinational corporations.
TransUnion Brand Guide
In anticipation of a full brand redesign TransUnion asked me to develop their internal brand guide website as a reference for employees and contractors to ensure brand consistency across departments. The site needed to be easy to use and navigate as well as representative of the optimistic tone and style of the company's new brand direction. The code also needed to be scalable and adaptable for use both statically or integrated into a CMS depending on need.
Skills Used:
- HTML5
- CSS3
- SASS/SCSS
- Javascript/ES6
- jQuery
- Twig
- NPM
- Grunt
- Git
- Responsive Design
- Mobile-First Web Development
- Component-Based Architecture
- Progressive Enhancement
- Figma
- Sublime Text
Dinner at 8
I decided to convert my personal recipe website from a traditional server-side CMS setup to React in order to utilize the enhanced user experience features that single-page application frameworks have to offer. The existing Craft CMS installation made it easy to convert the data layer to a headless API, while the front-end was built with Next.js using React Query to connect the two together. The new React codebase allowed for easy UX enhancements like instant debounced search and filtering, infinite scrolling, and the Wake Lock browser API to prevent the device from sleeping while viewing a recipe.
Skills Used:
- HTML5
- CSS3
- SASS/SCSS
- Javascript/ES6
- Typescript
- React
- React Query
- Craft CMS
- Next.js
- NPM
- Webpack
- Git
- Babel
- ESLint
- Prettier
- DDEV
- Responsive Design
- Mobile-First Web Development
- Component-Based Architecture
- Headless CMS Development
- Progressive Enhancement
- Visual Studio Code
TransUnion HTML Email Suite
As part of their brand redesign TransUnion needed to update their boxy and outdated emails with a completely new suite of modern responsive templates that would look beautiful on a variety of email clients and devices. Working off of designs provided by the company, I used my experience and knowledge of the best practices and pitfalls of HTML email development to deliver a set of flexible, modular templates that could be easily integrated into most email marketing clients.
Skills Used:
- HTML5
- CSS3
- SASS/SCSS
- NPM
- Grunt
- Git
- Responsive Design
- HTML Email Development
- Figma
- Sublime Text