Manage cookies
We use cookies to provide the best site experience.
Manage cookies
Cookie Settings
Cookies necessary for the correct operation of the site are always enabled.
Other cookies are configurable.
Essential cookies
Always On. These cookies are essential so that you can use the website and use its functions. They cannot be turned off. They're set in response to requests made by you, such as setting your privacy preferences, logging in or filling in forms.
Analytics cookies
Disabled
These cookies collect information to help us understand how our Websites are being used or how effective our marketing campaigns are, or to help us customise our Websites for you. More details in our Privacy Policy.
Advertising cookies
Disabled
These cookies provide advertising companies with information about your online activity to help them deliver more relevant online advertising to you or to limit how many times you see an ad. This information may be shared with other advertising companies. More details in our Privacy Policy.
Confirm
All projects

Project · Hair salon · Lisbon

Website for a hair studio in Lisbon

Cut & Shout is a hair studio in the centre of Lisbon with a bold, artistic brand. We designed and built their website: now clients can book and pay online, read Google reviews and find the salon on the map.

Visit cutandshout.pt Talk to us
ClientCut & Shout, hair studio
WhereLisbon, Portugal
What we didWebsite design and build, booking, payments, Google reviews, FAQ
Year2026
Cut & Shout website on a phone

The task

A new website

The salon wanted a new website. They asked for:

  • A new website design, following their brand book
  • Online booking through Altegio
  • Services on the site that update automatically when the salon changes them in Altegio
  • Payments by Stripe
  • Google reviews and map on the site

We planned the structure in Figma, made the design, built the site and then connected booking, payments and Google.

How we worked

From the brand book to the live site

  1. Brand and referencesWe started from the salon’s brand book: the font, the colours, the C&SH monogram. Then we collected references and agreed on the mood.
  2. Structure in FigmaWe drew the wireframes for desktop and mobile, block by block: services, prices, reviews, map, team, contacts. The salon checked the logic before any design.
  3. Design in FigmaOn top of the structure we made the full design in the salon’s style, for every screen size.
  4. BuildWe moved the design from Figma to a real website in Portuguese and English.
  5. IntegrationsWe connected Altegio for booking, Stripe for payments and Google Maps for the map and live reviews. The list of services on the site now updates by itself when the salon changes it in Altegio.
  6. FAQ for AI searchWe wrote an FAQ with the questions clients really ask, so ChatGPT and other AI assistants can find the salon and answer about it.

Inside the project

From brand book to design

Cut & Shout brand book cover
1Brand bookThe salon’s brand book was our starting point: one font and a strong logo.
Cut & Shout C&SH monogram
2MonogramThe short C&SH logo, used on the phone version of the site.
Cut & Shout brand colours
3ColoursThree calm brand colours became the colours of the website.
Cut & Shout website wireframe in Figma, desktop and mobile
4Stage 1 in Figma: structureThe home page for desktop and phone, block by block.
Wireframe of the reviews, map and contact blocks
5Stage 1 in Figma: structureReviews, map and contact form.
Wireframe of the price list page
6Stage 1 in Figma: structureThe price list, so every service and price is easy to find.
Cut & Shout website design in Figma, full desktop page
Cut & Shout website design in Figma, full mobile page
7Stage 2 in Figma: designThe full design for desktop and phone. Scroll inside to see the whole page.
Cut & Shout salon interior in Lisbon
8The salonRua de São Mamede, Lisbon. Interior by MT.A, photo by Maria Sher.

The result

What the salon got

A new way clients find the salon

The site, Google Maps and the FAQ work together, so people can find Cut & Shout through Google and AI assistants, not only Instagram.

Easy booking, any time

Clients pick a stylist and a time online and pay in the same place. No waiting for a reply in messages.

A site in the salon’s own style

The site uses the salon’s font, colours and photos, so it looks like Cut & Shout and not like a template.

PortfolioAll projects

Your salon next?

Let’s build yours

Tell us about your business and we will suggest what your site needs.

Start a project