An editorial visual system
Warm neutrals, muted olive accents, expressive serif headings, and generous whitespace follow the brief’s calm, human approach to legal services.
Legal services / Italy
IBTISSAM AVVOCATO.
A complete digital presence for a lawyer in Italy, from discovering services to booking a consultation.
My role
UI/UX design and full-stack development of the website, booking flow, and management tools.
Explore the work
The linked website is a demo version. The full version was delivered to the client with real images and data.
View IBTISSAM AVVOCATO demoDemo version; client and admin workspaces require sign-in.
Explore the workflowDemo homepage previewOpen full image
The context
A lawyer in Italy needed a website that makes legal services approachable and gives visitors a clear next step. The brief called for a warm, editorial experience with generous spacing, readable typography, service pages, and straightforward contact options.
My contribution
I translated the design brief into a responsive Laravel website, connecting public service and resource pages with consultation booking, a client portal, and an admin workspace for managing content and requests.
The client journey
Discover the services
Visitors explore the practice’s service pages, professional profiles, and resources through a multilingual interface.
Arrange a consultation
Contact and booking pages provide a direct route from reading about a service to requesting support or choosing an available appointment.
Continue in the client portal
Signed-in clients can access their dossier, share documents, and review appointments, while the practice manages requests from its admin workspace.
How the pieces fit together
Laravel and reusable templates
Laravel connects the public website, booking routes, and authenticated workspaces. Reusable Blade templates and Tailwind CSS keep layouts consistent across pages and screen sizes.
Content the practice can manage
The admin workspace provides tools for services, team profiles, articles, FAQs, inquiries, and appointments, so routine updates have a dedicated interface.
Balancing reassurance with clear navigation
The site needs to explain several legal services while remaining easy to scan. Dedicated service pages, a restrained visual hierarchy, and consistent consultation links give each topic space without crowding the homepage.
The current scope
The full solution was delivered to the client with real images and data, including consultation booking, client document and appointment workflows, and content administration. The version linked here is a demo.