Doctor Glass Perú · Case study

A clearer path to glass work in Lima.

The Doctor Glass Perú logo in clear 3D
Project overview
A service-first website for Doctor Glass Perú: repair, installation, and maintenance of tempered-glass doors, windows, and enclosures, with a WhatsApp-led quote path that works from a phone.
Services
  • Discovery
  • Page structure
  • Responsive design direction
  • QA and refinement
Date
July 2026
Client
Doctor Glass Perú
Location
Lima, Peru
Site tour of doctorglassperu.com: the homepage, two inner pages, the site on phones and the Doctor Glass Perú logo

Make the right service easy to find before the first message.

Glass-service visitors arrive with a practical need: understand which service fits, see the quality of the work, and know how to ask for a quote. I shaped the site around service clarity, real project evidence, and a direct WhatsApp-first next step.

Repair, installation, and preventive maintenance now sit in one structure for homes, businesses, and buildings, so a visitor can tell them apart in a few seconds.

  • 5Service lines, one structure
  • 3Audiences: homes, businesses, buildings
  • 1Quote path, WhatsApp first
  • 2026Launched across Lima
Sections of the Doctor Glass Perú website laid out at an angle

What had to change.

  1. Several glass applications needed a clearer structure for homes, businesses, and buildings.

  2. Visitors needed to tell repair, installation, and maintenance apart quickly.

  3. The project archive had to build trust without leaning on unsupported testimonials or metrics.

  4. The quote journey had to stay direct and usable on a phone.

  • The homepage scrolling, recorded from doctorglassperu.com
  • The Services page scrolling, recorded from doctorglassperu.com

Screens

Every service, one system.

Home, services, tempered-glass doors, projects, and contact share one hierarchy, so a visitor moves from need to a WhatsApp message in a few scrolls.

  • The Tempered Glass Doors page scrolling, recorded from doctorglassperu.com
  • The Projects page scrolling, recorded from doctorglassperu.com
  • The Quote page scrolling, recorded from doctorglassperu.com
  • The Contact page scrolling, recorded from doctorglassperu.com

The same clarity on a phone.

Most quote requests start on a phone: the service list, the project evidence, and the WhatsApp button keep the same order on mobile.

The phone menu opening, recorded from doctorglassperu.com on a phone
The homepage on a phone, recorded from doctorglassperu.com on a phone
The Services page on a phone, recorded from doctorglassperu.com on a phone

Wireframes

The structure underneath.

The same pages with the styling stripped away: one grid, one type scale, and the same set of components on every route.

Doctor Glass Perú pages drawn as wireframes, laid out at an angle: outlined cards, buttons and fields, grey bars for text, and line drawings of the photos

Visual system.

Deep navy and glass blue over warm paper, one editorial sans for everything, and device photography from the real projects instead of stock scenes.

Type · Instrument Sans, regular to bold

  • #0A2149
  • #0D5A96
  • #72B7D1
  • #66798E
  • #F5F1E8

Outcome.

Doctor Glass Perú now has a clearer digital foundation for presenting services and starting qualified quote conversations.

Residential, commercial, and institutional visitors get a more direct path from need to next step, and the site can grow with new services and projects.

How this one came together.

The four steps behind this build, and what each one had to settle.

  1. Discovery

    I clarified the audience, the service lines, and the practical questions the website needed to answer.

  2. Page structure

    I organized the page flow around service clarity, project evidence, and the WhatsApp quote as the next action.

  3. Responsive design direction

    I shaped the visual system and core screens so the experience holds up on desktop and on the phones most visitors use.

  4. QA and refinement

    I reviewed consistency, responsive behavior, and the quote path before handoff.