Total E'Clips Salon
LiveA modern website for a 40-year-old neighborhood hair salon
Built by Caden Sorenson · Launched April 2026
What is Total E’Clips?
Total E’Clips is a hair salon in Smithfield, Utah that has been serving the community for over 40 years. They offer haircuts for men, women, and children, along with color services, nail care, and waxing. The salon had no online presence before this project.
The Website
The site is a single-page responsive website designed to give the salon a professional online presence. It features smooth scroll navigation, scroll-triggered animations, an embedded Google Map, and direct click-to-call booking. The entire site is three files with zero dependencies.
Key Features
- Service cards with inline SVG icons and staggered fade-in animations
- Responsive grid layouts that adapt from 3 columns to 1 across breakpoints
- CSS gradient hero with an SVG pattern overlay for texture without images
- IntersectionObserver animations for performant scroll-triggered effects
- Click-to-call CTAs throughout the page for easy mobile booking
- Embedded Google Maps for directions to the salon
Design
The design uses a warm tan and charcoal color palette with Bebas Neue for headings and Raleway for body text. CSS custom properties make the entire theme adjustable from a single place.
Build log: building a website for a 40-year-old hair salon.
Frequently Asked Questions
- Yes. Total E'Clips is an example of Vient's client work for local businesses. Vient builds fast, modern websites for salons, contractors, barbershops, and other small businesses across Cache Valley, Utah. The contact page is the fastest way to start a project.
- Total E'Clips is a hair salon in Smithfield, Utah that has served the community for over 40 years.
- Haircuts for men, women, and children, along with color services, nail care, and waxing. The site includes an embedded Google Map and click-to-call booking.
- It's three files with zero dependencies: plain HTML, CSS, and JavaScript. That keeps it loading instantly, easy to host cheaply, and simple to maintain, which is the right tradeoff for a small-business marketing site.
Does Vient build websites for salons and small businesses in Utah?
Where is Total E'Clips Salon located?
What services does the salon offer?
Why was the site built without a framework?
More about Total E'Clips Salon
- Behind the buildBuilding a Website for a 40-Year-Old Hair SalonA local salon in Smithfield, Utah had been cutting hair for four decades without a website. Here's how I built one from scratch with vanilla HTML, CSS, and JS.
- From the blogBuilding a Pirate-Themed Barbershop Site, Mostly by Prompting ClaudeA barber in Cove, Utah had an Instagram and no website. I gave Claude the right prompt, all the real details, and a styling direction, and it built the three files. The hard part was getting the content, not the code.
- From the blogMoving a Client Site Off an AI Builder, Rebuilt From ScratchLandingSite AI got Griffin Renovation online fast, but SEO limits and vendor lock-in pushed me to rebuild the whole thing in plain HTML, CSS, and JavaScript.
- From the blogI Shipped a Client Site in an Afternoon Using an AI BuilderA renovation company needed a website fast. I used LandingSite.ai to go from nothing to live in a few hours, and here's what actually worked.
Related projects
- Related projectPirate BarberA single-page website for Pirate Barber, a barbershop in Cove, Utah. Built with vanilla HTML, CSS, and JavaScript. No frameworks, no dependencies, just three files that load instantly.
- Related projectGriffin RenovationA hand-coded static website for Griffin Renovation, a residential renovation contractor in Cache Valley, Utah. Built with plain HTML, Tailwind CSS, and vanilla JavaScript. Deployed on Netlify with full SEO including JSON-LD structured data for local search.