Web Design and Development

Websites that I’ve helped bring to life.

Whether through design or design & development, here are examples of websites that I’m proud to share.
My experiences with clients and other web designers has taught me valuable lessons through my career.

TitanFS.org Web Design & Development

TitanFS.org

Titan Facility Services was looking for an overhaul of their existing website.

I designed the new home page with a strong emphasis on its original logo, playing on the bold colors and the tall proportion.


tttmn.com - Redesign

tttmn.com - Redesign

To the T Concrete Construction web design was a project that I reached out to another developer to collaborate with. I was in charge of the UI/UX side of this project.

The client had a web theme in mind, which accelerated this project’s completion timeline.


NextCon19.com - Conference Site Development

NextCon19.com - Conference Site

Nextiva’s Partners program grew so much that they decided to create a conference just for them. At the conference, we would present newly created software technology that would help them sell our services and products easily.

Along with a new design every year, we used Conference CMS tools to help manage all of the attendees and scheduling.


Nextiva.com - Blog Design & Development

Nextiva.com - Blog

Starting from the ground up, I designed and developed the Nextiva Blog portion of the website, within a WordPress environment.

Taking this approach helped us better manage page speed, content and module maintenance. Once the UI/UX was agreed upon, I passed the website to wonderful team in our Demand Generation department.


Silver Star Plumbing - Web Design

Silver Star Plumbing - Web Design

Working with another developer, I created a completely new experience with this website design. Our client wanted the color scheme to accentuate the main logo, while maintaining the similar theme.


FisherRoofing623.com - Revamp

FisherRoofing623.com - Revamp

Working with my client, we designed and developed a website that best displayed their work with Roofing and construction.

My client already had a logo, so we expanded on it’s shape and style bringing the same simple approach with the body of the website.

JumpStartRunning.com Web Design & Development

JumpStartRunning.com

My client, a running specialist who ran multiple Boston Marathon events, wanted a website design that she could use to start her own small business.

For this tech-forward thinking client, I created a bold website following the brand strategy we previously established.


KristenBradley.com Web Design & Development

KristenBradley.com

Kristen was looking for warm-toned background photos accompanied by hues of green that matched her existing brand strategy.

Her only other requests were to keep the look clean and minimal.


ICTaxAdvisors.com - Landing Page Development

ICTaxAdvisors.com - Landing Page

Commissioned to create a captivating landing page, I used the existing ICTaxAdvisors logo hues to set the tone.

The blue sidebar gives a soft visual feel that allows the information on the right to stand out.


Nextiva.com - Landing Pages Development

Nextiva.com - Landing Pages

The majority of my work with Nextiva landing pages were all within the development side.

Nextiva had a stellar design team we collaborated with, and adhering to our brand standards, we created amazingly high converting pages.


Nextiva.com - Multiple Revamps

Nextiva.com - Multiple Revamps

A few of my favorite website Revamps came from the latest rounds of the Nextiva design team. Our workflow consisted of utilizing Adobe XD and it’s sharing with developer options to streamline asset exports.

Using Bootstrap, HTML5, CSS3, and jQuery we created pages that were interactive, lively, and grabbed user's attention from whatever entry page they visited.


Nextiva.com - Favorite Revamp

Nextiva.com - Favorite Revamp

Another version of my favorite homepage revamp is above. Listing our review ratings, and testimonials were a big part of showing credibility of our software and company.

More recently, displaying screenshots of our updated product UI, helped our customers see what type of software they would be working with, even before signing up.


Skyline Realty - Web Design

Skyline Realty - Web Design

I helped this project solely from the design perspective. Working with another developer, I created the UI from existing data and content.


Weider - Web Design (via Zion & Zion)

Weider - (via Zion & Zion)

Here is a web page I designed and developed while working at a Tempe Arizona-based Ad Agency, Zion & Zion.

We created a dynamic banner in the header while displaying content that backed up Weider’s nationally known name.


Paradise MedSpa - Web Design (via Zion & Zion)

Paradise MedSpa - (via Zion & Zion)

Another website I designed and developed while working at a Tempe Arizona-based Ad Agency, Zion & Zion.

Our client was ecstatic about the color scheme that harmonized with their logo. We also created social images, email templates, brochures and video work for this client.


CellTrust.com - Revamp

CellTrust.com - Revamp

One of my first tasked when I joined the CellTrust team was to begin designing a new website. Our focus was to display the verticals in which CellTrust’s software would make the most impact in our customer’s businesses.

This website went through several web designs but this was my favorite while I was employed there.


Nextiva Giveaway Page Design

Nextiva Giveaway Page Design

Here’s a concept landing page design I created while at Nextiva. This page was different from anything we were producing at the time.

This page was bright, simple and displayed the giveaway in a bright manner.


Nextiva.com - Landing Page Development

Nextiva.com - Landing Page

Concept landing page, using a photo I took of one of my colleagues. Using a web template, I brought in content and our standard branding UI elements that gave that page our feel.

This page was also optimized for mobile views.


Airborn Bandanas - Landing Page Design & Development

Airborn Bandanas - Landing Page

Working with the owner of the company Airborn Bandanas, I helped create a landing page for a sticker giveaway campaign.

Using his brand identity elements, we used photos, and UI to engage with his website visitors to sign up for free stickers as a email nurture campaign.


Nextiva.com - Landing Page Design

Nextiva.com - Landing Page

Here is one of the very first landing pages I designed for Nextiva. Before I was their Marketing Senior Front-End Developer, I started as their graphic designer.

We used a similar approach through my entire tenure at Nextiva, whether it was the Z-Format layout or a simple form above the fold, our landing page conversion rates were always examined and adjusted accordingly.


Sedona Jewelry - Web Design

Sedona Jewelry - Web Design

Here is another project where I was merely the designer for. Using the clients existing photography of their products, I created a page that best brought attention to the product and not the design itself.

Using colors of the jewelry I created heroes and buttons to match.


RobLovesCarmen.com

RobLovesCarmen.com

My brother and my sister-in-law wanted a website that contained an online RSVP system. I applied a purchased theme that contained an RSVP system, along with a dynamic Google Map to show their guests exactly where the wedding location was.

I also had the privilege to take their wedding announcement photos.

A little bit about me.

After growing up in the Pacific Northwest, I relocated to the state of Arizona over 15 years ago. I am a very positive person, and try to incorporate that into my projects and workplace. My favorite sports teams are the San Francisco Giants, and 49ers.

Music and photography are other passion/hobbies of mine. I try to round out my lifestyle with these activities when I have free time.

My wife and I have been married for over 10 years and are most definitely dog people — with the exception of our friend's cat, Mochi.

Andrew Ruiz Web Developer & Designer