Artful Technology,
Elegant Design
Art-inspired web development.
Creative solutions to accelerate growth.
About Me
Creative Frontend Developer specializing in interactive UX/UI design and multimedia integration.
I'm an artist turned coder who loves the outdoors and staying active. Graduating magna cum laude from Utah Tech University, I earned a Bachelor of Science in Animation and Entertainment Arts. My background spans graphic design, web development, animation, 3D rendering, and video/audio editing.
I bring dreams to screens—combining over five years of web development experience with a lifelong passion for art to craft elegant, accessible, and visually striking digital experiences.
This site was designed and coded from scratch using HTML, CSS, and JavaScript.
Top Skills
HTML5
CSS3
JavaScript
React.js
Node.js
API
Git/GitHub
SEO
WordPress
Other Skills
Styling
SCSS/SASS
Tailwind CSS
Bootstrap
Shadcn UI
Material UI
Figma
Languages
TypeScript
Python
PHP
SQL/MySQL
Shell Scripting (Zsh)
Media
Adobe Creative Cloud
Animation
Photo/Video Editing
Digital Photography
Audio Production
Logic Pro X
Projects
Highlight:
Stone/Oak Dating
Dating app UI built with mobile first design, featuring right & left swiping functionality and unique activity generator in chat section. Built with React, implementing HTML, CSS, JavaScript, and additional libraries.
Images from pexels.com.
Technologies Used
React
React Libraries
JavaScript
HTML
CSS
Image Fetching
Git
Responsibilities
Latest Project:
Maryna Storrs Consulting
This project was for Maryna Storrs, a leadership coach looking to attract high-level executives. The goal was to build a website to drive bookings through Calendly and capture leads with Klaviyo, completed within 1 month. Get an in-depth look at my process below.
Technologies Used
WordPress
JavaScript
HTML
CSS
Calendly
Klaviyo CRM
1. User Research
In the beginning stages of this project I asked Maryna to choose three websites she liked, then reviewed them with her in real time to understand her style preferences and goals. Maryna's marketing strategist was often involved and contributed to our discussions. Maryna was drawn toward transitions that broke up the flow of different sections, bold colors, and content-rich websites that conveyed a sense of authority–I kept this in mind when I built the first prototype. Below are some examples of things that she liked from the websites she provided for me.
BOLD COLORS
Creative flow Charts
Interesting Transitions
2. Design & Wireframe
I was given Brand Guidelines which helped me further refine the stylistic vision that Maryna had. Although I have built many wireframes in the past, I was provided a wireframe from the marketing lead that was made using scene.io. I assessed which elements would be most important for the user experience as they navigated the site, prioritizing signing up with Maryna, which was the ultimate goal.
3. Prototyping
Guided by her brand and feedback, I created a light, minimal mockup with a focus on contrast, whitespace, and hierarchy. She described wanting the site to feel energetic and uplifting, avoiding darker tones that might feel too heavy. The mockup was created with React, using HTML, CSS, and JavaScript. After review, we pivoted from a technical build to WordPress so she could make edits herself without touching code.
4. Development
The site was rebuilt in WordPress using the Flatsome theme. I integrated Calendly, Klaviyo, and ensured responsive, accessible layout. SVG wave transitions were removed due to cross-device bugs and replaced with built-in WordPress transitions. Maryna requested a way to make comments directly on the site to express her opinions in real time, so I installed a third-party collaboration plugin from atarim.io.
Powerful Collaboration
5. Testing & Iteration
We worked in a roughly Agile methodology, with weekly Sprints, task tracking, followed by video conferences to discuss changes. Based on feedback from Maryna and her marketing coordinator, I iterated on transitions, shape dividers, and user flow to reflect her preferred aesthetic and site goals. I used empathy and informal user testing with friends and colleagues to refine the layout.
A Glimpse Into My Portfolio