Marketing Website Refresh

Marketing Website Refresh

After a successful launch of the brand-new Kum & Go website, the Maverik marketing team decided it was time to update the Maverik marketing website with better functionality, scalability, and a modern look.

Astro, TypeScript, JavaScript, HTML, CSS, Figma, Adobe Illustrator, Photoshop

Complete Website Rebuild.

Complete Website Rebuild.

Kum & Go recently underwent a massive transition and rebranding of their loyalty program. Working with the Figma design system created by their awesome UI/UX team, I completely rebuilt the Kum & Go public website from scratch within a tight deadline of four weeks, saving the company over $600,000 per year.

Astro, TypeScript, JavaScript, HTML, CSS, Figma, Adobe Illustrator, Photoshop

Digital magazine layout.

Digital magazine layout.

I designed the entire layout of Unredacted Magazine, an interactive magazine, beginning with Issue 002 in June 2022. I built an adaptable, accessible layout in InDesign and created several graphical components and ads in Illustrator. The magazine is digital-only and is delivered as an interactive PDF.

Adobe InDesign, Illustrator

Digital magazine ads.
 

Digital magazine ads.

Fortify 24x7 asked me to design a series of half-page magazine ads to be included in several issues of Unredacted Magazine. After receiving the parameters and copy, I designed the ads in Adobe Illustrator. Since the magazine is an Interactive PDF, the final designs were embedded directly into the InDesign document with multiple targeted hyperlinks. These ads can be seen in various issues of Unredacted Magazine.

Adobe Illustrator, InDesign

Restaurant listing website.
 

Restaurant listing website.

I built Explore Eastern Utah to showcase local restaurants that remained open during pandemic shutdowns. I designed the UI in Adobe XD and built it using WordPress and Bootstrap. Through extensive use of dynamic content and APIs, Business owners were able to create user accounts and update their listings. All logos and graphics were designed in Adobe CC.

WordPress, HTML, CSS, JavaScript, Bootstrap, Adobe CC

Arcane Ops. A paranormal podcast.
 

Arcane Ops. A paranormal podcast.

Arcane Ops was a limited-run paranormal podcast that ran for seven episodes at the end of 2020. I designed the website layout in Adobe XD and built it using WordPress, WooCommerce, and Bootstrap. I designed the entire brand identity, including logos, social media images, video animations, and video thumbnails in Adobe Illustrator, InDesign, Photoshop, AfterEffects, and Premiere.

WordPress, HTML, CSS, JavaScript, Bootstrap, Adobe CC

Corporate lawfirm website.
 

Corporate lawfirm website.

In an effort to explore the Webflow platform we designed and built this was a pro bono micro website for a fledgling corporate law firm. We created the UI in Adobe XD and developed it using Webflow, Finsweet Client First, and custom JavaScript components. Webflow's interface and ease of use are intuitive, but it's a bit restrictive for complex styling. All logos and graphics were designed in Adobe CC.

Webflow, HTML, CSS, JavaScript, Adobe CC

Sheriff campaign website.
 

Sheriff campaign website.

Campaign website for a sheriff election. This website had many pages, a simple CMS for news updates, and simple PayPal API setup to accept donations. I created the UI in Adobe XD and built it using Bootstrap, HTML, CSS, JavaScript, and some basic PHP to run the CMS. All logos and graphics were designed in Adobe CC.

HTML, CSS, JavaScript, PHP, Bootstrap, Adobe CC

Get in touch.

I'm ready to join your team! Send me a message if you think we'd be a great fit!

Nick Bravo

Web Development Architect.

PERFORMANCE PROFILE

Advanced web designer and developer with 16+ years of HTML, CSS, and JavaScript experience. Architected complex, high-performing websites using Astro JS, TypeScript, React, Tailwind CSS, and other common UI frameworks. Strong Proficiency in Figma and VS Code, mastery of Adobe Illustrator, InDesign, and Photoshop.

EXPERIENCE

Principal Web Developer

Maverik, Salt Lake City, UT | July 2023 - Present

Recruited to this role to oversee codebases of all Maverik, Kum & Go, and FJ Management (FJM) web properties, including primary websites for all companies, and the combined Careers website.

  • Completely rebuilt the Kum & Go public website from scratch (including CMS and API integration) within a tight deadline of four weeks, which significantly reduced page load times, increased accessibility and performance, and saved the company over $600,000 in annual costs.
  • Architected scalable codebases for Maverik and Kum & Go web properties using HTML, CSS, JavaScript, JSX, and TypeScript within the Astro framework, effectively utilizing complex web components, content collections, and routing.
  • Constructed converting landing pages for active Maverik and Kum & Go marketing campaigns, sweepstakes, and loyalty programs.
  • Enhanced workflow efficiency between the Digital Product Team and the rest of the Marketing and Public Relations Teams to streamline web updates across all websites.

Web Development Consultant

Astropost, Salt Lake City, UT | March 2022 - Present

Transitioned freelance business to a systemized business with streamlined client onboarding and project management workflow.

  • Implemented complex web architecture strategies for fast websites that meet high-performance metrics.
  • Built scalable codebases for privacy-focused websites designed for headless CMS and API integration.
  • Designed and built an accessible digital layout for Unredacted Magazine.

Adjunct Faculty - Web Design & Development

Salt Lake Community College, Salt Lake City, UT | December 2023 - Present

  • Instructed students in novice to advanced UI/UX and web design and development courses.
  • Taught students the fundamentals of web design and development, including Semantic HTML, CSS, JavaScript, responsive layouts, and accessibility practices.
  • Demonstrated real-world project management and DevOps workflows and best practices.

Freelance Designer / Developer

Freelance, Salt Lake City, UT | May 2007 - March 2022

Provided freelance web design and development services to local businesses, including several pro bono projects.

  • Built engaging websites, user interfaces, visual identities, digital products, and online assets.
  • Constructed many pro bono websites for public safety, political, and nonprofit organizations.

Graphic Designer / Web Developer

8fish, Sandy, UT | June 2008 - September 2009

Recruited as a graphic designer and illustrator, quickly transitioned to primary web developer due to previous experience.

  • Developed the website for Maverik’s Kick Start, a local adventure TV show produced by Maverik, a leading convenience store chain.
  • Elevated brands by building powerful websites, and designing graphics, social media content, and other digital assets.

Police Officer

University Of Utah Police Department, Salt Lake City, UT | March 2021 - July 2023

  • Spearheaded educational and community outreach campaigns as a liaison between the police and marketing departments.

Police Detective

Price City Police Department, Price, UT | November 2015 - March 2021

  • Developed and oversaw a comprehensive training and equipment program.

Police Lieutenant

Wellington Police Department, Wellington, UT | August 2010 - November 2015

  • Improved transparency and community relationships by building the department's first website and social media channels and generating timely press releases.
  • Developed and implemented a Reserve Officer Program that reduced personnel expenditures by 20% and increased shift coverage by 50%.

EDUCATION

Bachelor Of Science | Digital Cinematography

Full Sail University
  • GPA 3.99 | Valedictorian

Associate Of Applied Science | Graphic Design

College Of Eastern Utah

AREAS OF EXPERTISE

  • Astro JS
  • JavaScript
  • TypeScript
  • React
  • HTML / CSS
  • SCSS / SASS
  • PostCSS
  • Tailwind CSS
  • Node.js
  • Git and CI/CD
  • Contentful
  • CMS
  • Responsive Design
  • Mobile-First Design
  • Product Design
  • UI/UX Design
  • Adobe CC
  • Figma
  • Core Web Vitals
  • Web Accessibility