Skip to main content
Essens website homepage, desktop view

Web development

Essens

§ 01 — Thesis

Category Image Consulting & Barbershop

Services, pricing, and WhatsApp contact in one owned presence.

We created a minimalist site that centralizes services, pricing, and contact.

PageSpeed
100/100
Documented project measurement
Owned Presence
Owned site
centralized information
Services & Pricing
Owned site
information gathered in one owned presence

§ 02 — The Brief / The Tension

Fig. 02 Case 02

02 The brief Filed · 2025

The Challenge

Essens relied on social media and did not present services or pricing clearly.

The frictions

  1. No website of their own, only social media
  2. Information scattered across Instagram stories
  3. Clients searched prices through multiple posts
  4. Needed professional web presence with own domain

§ 03 — The Strategy / The Decision

Fig. 03 Plate 03 02

Desktop screenshot of Essens: Main Hero
Fig. 03a Main Hero Premium minimalist design type desktop

The decision Our Approach

We paired premium visual direction with a lightweight technical foundation.

The moves
  1. Brand Analysis Deep study of Essens identity
  2. Exclusive Design Creating unique visual experience
  3. Asset Optimization Optimized image and asset delivery
Detail of Essens: Essens History
Fig. 03b Essens History

§ 04 — The Solution / Responsive Experience

Fig. 04 Plate 04 02

The Solution

We created a minimalist site that centralizes services, pricing, and contact.

What we delivered
  1. Focused informational landing page with a lightweight technical foundation
  2. Clear presentation of all services and prices
  3. Minimalist design reflecting masculine sophistication
  4. WhatsApp integration for inquiries and appointments
Desktop view of the Essens website: Work Gallery
Fig. 04b Work Gallery Studio visual gallery type desktop responsive
Mobile view of the Essens website
Fig. 04a mobile view type mobile responsive

§ 05 — The Work / Visual Spread

Fig. 05Plate 05 02

In frames

A walk through the shipped surface — sections, states, breakpoints.

Desktop screenshot of Essens: Exclusivity Section
Fig. 05aExclusivity SectionUnique premium experiencetypedesktop
Mobile screenshot of Essens: Mobile Hero
Fig. 05b Mobile Hero
Desktop screenshot of Essens: FAQ Section
Fig. 05c FAQ Section
Desktop screenshot of Essens: Desktop Footer
Fig. 05dDesktop FooterElegant site closuretypedesktop

§ 06 — Technical Proof / Performance Dossier

Fig. 06 Dossier 06 02

Field report

Mobile Lighthouse performance: 100 out of 100

Lighthouse, mobile. Simulated 4G throttle. The number that survives a slow connection — the rest of this page is the receipt.

Lighthouse · Mobile × Desktop
Lighthouse scores, mobile
Dimension Mobile
Performance
100
Accessibility
100
Best Practices
100
SEO
100
Speed Index 0.7s

Desktop: 100 · 100 · 100 · 100 · 0.3s

Technical vitals
load
0.8s
page weight
350KB
requests
15
ttfb
80ms
Before / After · Transformation ledger
Load Speed
100%
Before: N/A (no site) After: 0.8s
Info Accessibility
100%
Before: Social media After: Own website
PageSpeed Insights screenshot of Essens
Fig. 06 PageSpeed Insights screenshot

§ 07 — Project Impact

Fig. 07Dossier 07 02

What it meant

Services, prices, and contact now live on an owned website instead of being scattered across stories and posts.

Centralized Informationowned site
Impact ledger
  1. Informed DecisionThe site presents work and pricing before a visit.clear prices
  2. Visual DirectionAn owned presence with a visual direction aligned with Essens.minimalist design
  3. Digital IndependenceWhatsApp is connected as a direct path for inquiries and appointments.WhatsApp
08 / Technical ScopeNine deliverables

Scope / What shipped

What shipped.

One build. One team. No handoffs. We stayed accountable.

Direction
DIR·01Our ApproachWe paired premium visual direction with a lightweight technical foundation.
DIR·02Brand AnalysisStudy of Essens identity and content gathering
Design + Build
BL·03Measured PerformanceRecorded measurement: PageSpeed 100/100 and a 0.8s load time
BL·04Minimalist DesignA restrained, clean visual direction aligned with Essens
BL·05Clear InformationAll services and prices instantly accessible
BL·06Own DomainProfessional web presence with essens.mx
Operate
OPS·07Premium Global HostingHigh-performance global CDN
OPS·08Image OptimizerAutomatic WebP compression to reduce image weight
Sustain
SUS·09Launch with DomainDomain essens.mx setup and publication

§ 10 — Close / Conversion

Fig. 10 · Close 10 02

Next system

Build a website that turns attention into trust.

Essens shows how a web system can organize message, proof, and contact paths. If you need a digital base with that level of clarity, let's talk.