Present. Capture. Follow through.
- SOLUTION
- PVC and aluminium windows, enclosures, doors and mosquito screens in Murcia and the surrounding area. Vildek needed to present its services, receive enquiries and take them through to an order.
/
ADRIÁN ABAD · PRODUCT BUILDEROPEN TO SELECT PROJECTS
Ideas intothings thatwork.®
01IDEA
02BUILD
03IMPACT
I design, build and ship digital products — from the first sketch to the real world.
SCROLL TO EXPLORE01 / 05SCROLL TO BEGIN
01 — THE APPROACHONE PERSON, END TO END
Good products need more than good screens.
They need someone who can see the whole thing through.
ONE PRODUCT, CONNECTED DISCIPLINES
01PRODUCT
Problem framingFlowsRolesUXBusiness logicRequirements
02 — A FEW THINGS, MADE REAL
Selected work↘
Four projects shaped around real needs. Each has its own context.
03 — HAVE A GOOD PROBLEM?Let’s make
Let’s make
something matter.
It starts with a conversation.
01 / 04 — OVERVIEW
VILDEK
From the first enquiry to the work that follows.
01 / OVERVIEW
The website captures the opportunity. The CRM continues the work.
The CRM is an internal application and is not linked from the public website. This isolated instance exists solely to explore the product through the portfolio.
- CATEGORY
- Client work
- TYPE
- Public website + internal business tools
- ROLE
- Product development · Engineering
02THE NEED
03FROM VISITOR TO OPERATIONS
Services in view. Enquiries within reach.
HTML · CSS · Vanilla JavaScript. A multipage website with services, navigation, cookies, quote requests and contact forms.
From visitor to CRM
- 01Visitor
- 02Public website
- 03JavaScript form
- 04CRM endpoint
- 05Request in CRM
- 06Internal notification
- 07Business workflow
VERIFIED INTEGRATION · HTTP 201 Submission creates the request and notifies management. Test records removed after verification.
The CRM starts where the website ends.
Clients, requests, quotes with line items, and orders. Activity and notifications support each next step.
- 01Website request
- 02Contact / follow-up
- 03Client
- 04Quote
- 05Acceptance
- 06Order
04ENGINEERING
PUBLIC WEBSITE
HTML · CSS · Vanilla JavaScript
A multipage website presents the services and guides visitors towards an enquiry or quote. HTML and CSS are served directly; JavaScript handles navigation, cookies and forms without a frontend framework. Forms send enquiries to the CRM endpoint.
INTERNAL APPLICATION
Django · PostgreSQL 16 · Gunicorn
Django validates requests and handles clients, quotes and orders, with authentication, roles and permissions. PostgreSQL preserves their relationships and state; Gunicorn runs the application behind Caddy. Activity and notifications support the ongoing workflow.
05INFRASTRUCTURE
- 01Internet
- 02Caddy
VPS · TLS · Routing
- 03APUBLIC WEBSITE
Nginx HTML · CSS · JavaScript
03BINTERNAL APPLICATIONGunicorn → Django PostgreSQL 16
- ISOLATION
- Separate database · DEBUG off · Secrets outside Git.
- EXPOSURE
- No third-party email · Noindex · Robots blocking.
- RESET
- Daily, 04:15 Europe/Madrid. Compressed database backup before reset.
- RETENTION
- Backups: 14 days. Logs: 30 days.
06ROLES & PERMISSIONS
3 roles. 3 levels of access. Permissions define what each person can view and change.
07OUTCOME
A public enquiry can continue inside the CRM as a sales and operational process.
08EXPLORE THE PRODUCT
ManagementCREDENTIALS
Functional administration: users, configuration, clients, requests, quotes, orders, activity and notifications. No Django superuser privileges.
- LOGIN
demo.gerencia- PASSWORD
VildekDemo-Gestion-26!
SalesCREDENTIALS
Clients, requests and related sales work.
- LOGIN
demo.comercial- PASSWORD
VildekDemo-Comercial-26!
Read onlyCREDENTIALS
Browse without modifying information. Writes are rejected with HTTP 403.
- LOGIN
demo.lectura- PASSWORD
VildekDemo-Lectura-26!
WHILE EXPLORING
- Changes are temporary: daily reset at 04:15 (Europe/Madrid). In Pedidos (Orders), enable “Incluir demo” to see the records.