Ana & Travis

Wellness Begins With Wonder

Ana & Travis came to us with their new travel brand, a fully designed Showit.co website that looked beautiful on the surface, but lacked a free blogging engine and had several problems including ease-of-use. Furthermore, behind the scenes, it lacked the structure, SEO capabilities, speed, and flexibility they needed to grow their business.

https://anatraviswygant.com

Some designers are great and picking color schemes, and fancy fonts but have no business developing those concepts into production ready HTML and CSS for websites… This website design for Ana & Travis relied heavily on inline transforms, poorly structured content, layers of out-of-order nested divs, background image & position hacks, html, css, and javascript errors and showit.js behaviors that created rendering issues, indexing problems, and poor Core Web Vitals.

Our job was to rebuild with near-pixel perfection, the entire site on WordPress, while dramatically improving: speed, SEO readiness, security, and long-term content and page manageability. We provided a comparable monthly service cost for Web Hosting, while offering live, human, customer support: a rare commodity that is lacking from companies such as Showit, Square Space, Shopify, etc…

This migration required solving visual rendering problems, fixing broken scripts, replacing non-responsive layouts, compressing and replacing oversized images, and reconstructing all animations and header elements without the Showit engine. We freed the website from the cookie cutter functionality of its private website builder and migrated it to WordPress, an open-source highly dynamic and scalable solution for businesses and bloggers. All of this, while keeping the original design in tack, almost down to the pixel.

Below is the detailed breakdown of what we accomplished.

Discovery and Technical Audit

We began with a complete teardown of the Showit website’s internal structure.
Identified dozens of absolute-positioned elements that caused misalignment on tablet and mobile. Located several JavaScript errors, including the recurring initPage is not defined error from showit.min.js.

We determined that the previous designer lacked professional development (probably why the site was built on Showit.co in the first place) and minimal SEO knowledge, using unnecessarily large PNG files, often ten times larger than needed, out of order content, and multiple h1 tags, accessibility issues like not having enough contrast between background and links…

We audited fonts, tracking scripts, and CSS that Showit injected dynamically into the DOM. We are not sure why this was done. Maybe for code obfuscation, possibly to deter inspection, but none the less, it primarily keeps the creation coveted, and binds the design and thus, the user to the showit platform.

This stage made it clear that the Showit infrastructure was the primary cause of inconsistent rendering, slow load times, and poor SEO accessibility. We found broken responsive behavior for headings, decorative strokes, shape layers, and number markers.

Migration Strategy and Goals

Instead of a visual redesign, the goal was to preserve their existing aesthetic and rebuild the engine underneath it. The clients major concern was content creation, and our go-to open source builder for content is WordPress. It is used by millions of websites and is portable. You can move it from web host, to web host, and can even store a copy of it on a common flash drive.

Our objectives included recreating the entire site layout inside WordPress using Kadence theme and complimentary blocks, implementing clean semantic HTML, ensuring full mobile and tablet responsiveness, assigning a correct typography hierarchy, rebuilding layered Showit elements using modern CSS, removing transform-heavy inline code like making all images searchable, removing them as background image urls, compressing all images with optimized WebP, improving speed and reducing layout shift, fixing accessibility issues, enabling long-term growth with Kadence, but allowing the default Gutenberg blocks, standard with your free copy of WordPress.

At HostMuch.com, we set up a professional foundation, ready for blogging, SEO, analytics, and improved rankings.

A Disclaimer About Website Builders:

Private website builders—like Showit, Wix, and Squarespace—operate inside a closed ecosystem. Your design, your content, your layout, and even your backend structure are tied to their proprietary software. Responsiveness is usually an issue. Development takes longer with their custom solutions, leaving custom template design more expensive. If you ever want to move or scale beyond their limitations, you’re forced to rebuild everything from scratch. You also depend on their subscription model, their feature set, their performance, and their roadmap. You pay more over time while owning less of your actual website. Designers thrive on putting their clients on these, because, designers are not usually programmers/developers.

Open-source platforms like WordPress work the opposite way. They are good for designers, but great for developers! Because the code is open and fully customizable, your website can grow, change, and evolve exactly the way your business needs. There are additional upgrades and subscriptions available, but they are by no means required. You can optimize performance, improve SEO, integrate advanced functionality, or redesign your site without any builder limitations! You are not confined to what is available in the user interface. There are no mandatory high-priced subscriptions, and you can host your site anywhere. For example: move your WordPress website to HostMuch.com for 3 months free when mentioning this post–we will also provide a free migration!

Most importantly, you truly own every part of your website—your themes, your files, your database, and your content. You can export, clone, migrate, rebuild, or expand your site at any time, on your terms. However, if your designer or developer has you migrate off of WordPress, you will encounter the same issue of recreating content on a new platform. The key difference is that you actually own your source code, files, images and databases, they are all downloadable and transferable and you can also do cool things like this:

Here is an amazing look into the database website pages:

This is why at Host Much, we encourage using open-source software. It delivers long-term flexibility, lower costs, better performance, and full control over your digital presence—something closed, private builders simply can’t match. These builders: Wix, Square Space, Shopify, Showit, and a plethora of others, are used as website builder solutions for designers that do not understand professional programming languages and SEO best practices. Under the hood, the code is messy, obfuscated, impossible to copy and paste, and do not give you the freedom to scale without heavy subscription fee increases. Another recent client, The Vault Bicycle Shop, asked us to create their online store. The catch… They needed to upload 14,000 products! Yes, fourteen thousand! I was recently at a networking event for Shopify and had the scope of this project quoted. It would cost our client a minimum of $2500 per month on Shopify. $2500 per month for a website that hostmuch.com hosts for $75/month. This alone shows the significance of making sure you start your business with a solid foundation. Ana & Travis now have a solid foundation to scale their online travel business. If they need to integrate an API, done! If they want to write content, easy! If they want to sell product: 1 hour of development and they will be able to accept payments!

Pixel-Accurate Visual Reconstruction

This was the most challenging part of the migration. The Showit site looked simple, but its internal structure rebuild was a challenge.

Main Hero Section

In this example, a search engine would identify “Hi There!” as the primary page title. It should identify “We Are Ana & Travis” as the primary page title.

“Hi there!” script text was rebuilt using clean HTML and responsive spacing, instead of multiple h1 tags.
The large “WE ARE ANA & TRAVIS” heading was reconstructed using real typographic scaling instead of transform scaling and positioned as the actual H1 title tag. Background images were restructured as responsive containers instead of fixed overlays.

Section Overlaps and Decorative Elements

Showit used decorative PNG swashes positioned with absolute layers. We extracted them, optimized them, converted them to WebP, and repositioned them with CSS in WordPress while keeping the same visual style.

Four Step Process Section

The original Showit version broke layout on almost every viewport width. We rebuilt the entire section from scratch, creating correct alignment of numbers (01–04), matching typography, recreating horizontal decorative rules, matching the swirl backgrounds behind steps 02 and 04, removing unnecessary break tags and 1px Showit placeholder divs, and ensuring the whole section is now responsive across all devices.

Services Columns

We reconstructed the three-column Services layout using Kadence rows and columns, finding a hidden line of text in the middle column. We balanced the typography, removing the partially bold font, and instructed the client that most paragraphs should be in a legible, easy to read font like Open Sans. This level of accuracy ensured that the migration looked identical but performed significantly better.

Performance and Speed Enhancements

After the migration, we applied a full optimization workflow:

• Fixed title tags, alt tags, accessibility and other performance issues.
• Compressed images to WebP format for faster loading.
• Improved performance and accessibility
• Reduced cumulative layout shift caused by transform scaling.
• Soon we will configured optimized caching on the Host Much servers.

The result is a site that looks almost identical, yet loads dramatically faster with significant improvements to speed and responsiveness.

SEO Overhaul

Showit struggled with SEO due to its non-semantic builder. We rebuilt the foundation using a correct header hierarchy, alt text on all images, proper metadata (the designer did a good job on title and description on some pages), clean URL structure, crawlable HTML, schema-friendly formatting, WordPress-native blogging support, internal linking opportunities, and improved Google indexing behavior.

This alone represents a substantial improvement and is included in all of our professional website designs and builds.

Custom CSS and Bug Fixes

Throughout the rebuild, we resolved numerous visual and structural issues.

• Fixed mobile images clipping due to parent transforms.
• Repaired stacking and z-index inconsistencies caused by Showit export.
• Corrected overlapping text in the Services section.
• Fixed spacing inconsistencies across viewports.
• Rebuilt advanced typographic styles including script headings and decorative titles.
• Repaired a mobile navigation spacing issue.
• Ensured every section maintains consistent padding, margins, and responsive behavior.

Image Optimization and WebP Conversion

We performed a full image audit.

• Identified excessively large PNGs generated by previous designer.
• Re-exported artwork using correct DPI and scaling.
• Replaced backgrounds with optimized WebP versions.
• Preserved transparency while reducing file size.
• Ensured all decorative elements maintained correct positioning and appearance.
• Removed Showit’s unnecessary shadow effects and replaced them with efficient CSS.

This produced a site that looks visually identical but is lighter, faster, and fully SEO-friendly.

Content and Policy Migration

We migrated all business-critical content, including Services, Process, About, Home, Terms of Service, navigation, internal links, footer structure, and calls-to-action. We included several additional requests that were not in the original work, but nothing that could be considered scope creep.

An important yet commonly missing page that we immediately created was the privacy policy–required by law in many places. Commercial websites missing this and the terms of service pages, leave a rare, yet horrible opportunity for legal actions and consequences.

We rebuilt everything in a clean, future-proof, fully editable WordPress format, ready for the business owners to start creating their own content and pages, at no additional cost or hidden service fees.

Final Deliverables and Improvements

At completion, Ana & Travis received a WordPress version of their showit.co designed website; pixel-accurate, significantly faster, SEO-ready, accessible, and future-proof.

• A website design migration from a private builder to an open source platform.
• The HTML, CSS & Javascript is modern and clean without errors.
• All images are now compressed and optimized in WebP format.
• The layout is responsive across all devices.
• The site is now easy for search engines and LLM’s to understand (SEO)
• Core Web Vitals are in the 95th percentile

The new platform supports scalable content, blogging, and SEO for long-term growth and sales funnels.

This migration achieved the rare combination of looking identical to the original while being technically far superior in every measurable way.