SYSTEM OUTPUT

Project // ACTIVE

WORK / Digital Experience

OGA Abogados

Turning legal expertise into a clear digital presence.

A complete website for a law firm, designed to organize its services, build professional credibility and make contact easier for potential clients.

CLIENT

OGA Abogados

ROLE

Web Designer,UX/UI & WordPress Implementation

YEAR

2025

scope

Information Architecture · UX/UI Responsive Design · WordPress Content Structure · Implementation

Status

Implemented · Live

Context

Professional expertise needs professional experience.

OGA Abogados needed a digital presence capable of presenting the firm, its areas of practice and its professional approach in a clear and trustworthy way.


The website had to make legal information easier to navigate while creating a more coherent point of contact between the firm and potential clients.

INFORMATION ARCHITECTURE

Make the right information easy to find.

The first task was defining a structure that could answer the main questions a potential client has when visiting a law firm's website:


Who are they? What do they specialize in? Can they help with my situation? How do I contact them?

The first task was defining a structure that could answer the main questions a potential client has when visiting a law firm’s website:


Who are they? What do they specialize in? Can they help with my situation? How do I contact them?

HOME >> PRACTICE AREAS >> FIRM / TEAM >> CONTENT >> CONTACT

OGA Abogados homepage design with a building photograph, legal-services headline and contact call to action.
OGA Abogados About page showing firm information and a grid of four lawyer portraits.
OGA Abogados services page with legal-service information and illustrations of scales and a gavel.
OGA Abogados blog page displaying illustrated legal article cards in a desktop website layout.
OGA Abogados contact page design with an inquiry form and contact information.
OGA Abogados team page with a profile modal for founding partner Tamara L?pez Vilches.

UX/UI & VISUAL DIRECTION

Trust without visual noise.

The interface was designed around clarity, hierarchy and restraint.


Rather than relying on decorative legal clichés, the visual system uses typography, spacing, content structure and consistent components to communicate professionalism and make dense information easier to read.

CLEAR TYPOGRAPHIC

HIERARCHY

MODULAR CONTENT

SECTIONS

CONSISTENT CTA

SYSTEM

RESPONSIVE COMPONENTS

READABLE LONG-FORM

CONTENT

PROFESSIONAL VISUAL

LANGUAGE

Mobile OGA Abogados article page with an illustration accompanying an employment-law article.
Mobile OGA Abogados blog index showing a list of illustrated legal articles.

Results

From professional knowledge to a complete digital touchpoint.

The result was a complete and operational website that gives OGA Abogados a clearer way to present its services, communicate its professional profile and receive new enquiries online.


The project also reinforced the importance of designing professional-service websites around understanding and trust rather than visual complexity.

Responsive OGA Abogados website mockup shown across three smartphones with homepage, team and services screens.
Desktop and mobile device mockup presenting the OGA Abogados homepage and legal-services sections.
Desktop and laptop mockup showing OGA Abogados About and blog page designs.

FROM DESIGN TO WORKING WEBSITE

Designed to work beyond the mockup.

The project continued beyond interface design into the implementation of the website in WordPress.


The final build included responsive behavior, content pages, contact functionality, legal requirements and the technical details needed to leave the site operational for the client.

RESPONSIVE WEBSITE

WORDPRESS

IMPLEMENTATION

SERVICE / PRACTICE

PAGES

CONTACT SYSTEM

BLOG / CONTENT

STRUCTURE

Legal and cookies

pages

DOES YOUR EXPERTISE FEEL MORE PROFESSIONAL THAN YOUR WEBSITE?

Let's build a digital presence that communicates it clearly.

Start a Project

> Select a project to load its context.

STATUS: WORK ARCHIVE READY

© 2025 Pabel Stonehenge
Todos los derechos reservados.

© 2025 Pabel Stonehenge
Todos los derechos reservados.

© 2025 Pabel Stonehenge
Todos los derechos reservados.