Home Projects Blog Contact
Unhas Cris Barros website — nail salon landing page in Penha, SC
Unhas Cris Barros logo Live

Unhas Cris Barros

Landing page for a professional nail salon business. A freelance project designed to attract local clients in Penha, SC, showcase services, and drive appointment bookings.

Vite React CSS Modules GitHub Pages

Overview

Unhas Cris Barros is a professional landing page developed as a freelance project for a nail salon specialising in gel nails, nail art, and hand spa treatments in Penha, SC. The site acts as the client's primary digital presence — a place where potential clients can discover the full range of services and book an appointment.

A key focus of the project was local SEO: the site was built from the ground up with structured data, consistent NAP (Name, Address, Phone), and geo-targeting to help the business appear in local search results and Google Maps for customers in Penha and the surrounding area.

Problem

The client operated a nail salon but relied entirely on Instagram and word-of-mouth to attract new clients. Without a dedicated website, several challenges limited business growth:

  • No web presence meant the business was invisible to anyone searching for local nail services on Google.
  • Appointment bookings were handled manually through Instagram DMs, creating friction and inefficiency.
  • There was no central place to communicate services, pricing, and location clearly to new clients.
  • Without a website, it was harder to build the credibility needed to compete with established salons in the region.

The goal was to solve all of this with a fast, professional landing page built with local search visibility as a first-class requirement.

Solution

The delivered solution is a responsive single-page landing site structured around the client's conversion goals — attracting local search traffic and converting visitors into booked appointments.

  • Hero section: High-impact visual with a clear service proposition and a prominent booking call-to-action.
  • Services section: Clear breakdown of offered services — gel nails, nail art, hand spa, and traditional manicure — to match search intent.
  • Portfolio gallery: Curated showcase of recent work pulled from the client's Instagram to build trust and demonstrate quality.
  • Contact & booking section: WhatsApp integration and an external booking link (MaApp) for frictionless appointment scheduling.
  • Local SEO: BeautySalon schema markup, consistent NAP, geo meta tags, and targeted keywords for Penha, SC and surrounding cities.

The fully responsive layout ensures a seamless experience from mobile — where the majority of local search traffic originates — to desktop.

Technologies

React

Component-based UI development for a maintainable, config-driven structure — the entire site is customised through a single client.js config file.

Vite

Build tooling with fast development server and optimised production bundles, ensuring quick load times critical for mobile users.

CSS Modules

Scoped component styles driven by a theme object in the client config, making visual rebranding a config change rather than a CSS rewrite.

GitHub Pages

Free, reliable static hosting with automatic HTTPS. Currently deployed at the GitHub Pages URL pending a custom domain.

Pending Improvements

The following improvements are tracked and pending implementation or external action:

In-code (ready to implement)

  • sitemap.xml — tells Google which pages to index and when they were last updated.
  • robots.txt — instructs crawlers. Without it, crawler behaviour is assumed.
  • openingHours in schema — Google uses this to show hours directly in search results. Awaiting confirmation from client.
  • hasMap in schema — links the schema markup to Google Maps, reinforcing the business location signal.
  • Real OG image — og:image currently points to a missing file. A 1200×630px image is needed so link previews work correctly on WhatsApp and Instagram.

External (requires client or third-party action)

  • Custom domain — update siteUrl across canonical, OG tags, and schema once the domain is confirmed.
  • Google Search Console — set up after publishing to monitor indexing and catch crawl errors.
  • Local citations — list the business on Apontador, Guia Mais, and Telelistas to build local authority.
  • Google reviews — the single biggest local ranking differentiator. Client needs to prompt existing customers.
  • Google Business Profile photos — improves click-through rate in Maps. Client to upload.