TRAINING PROJECT

Visualforce to Lightning migration (WireBright)

Migration of EG Manufacture's Visualforce application to Lightning Web Components at WireBright Consulting.

Context

EG Manufacture, a large tapestry manufacturer, was using Salesforce Classic with Visualforce pages and JavaScript buttons — all incompatible with Lightning Experience. WireBright Consulting managed the migration. Mission: inventory all components to migrate, produce technical specifications comparing available options, and convert the components to Lightning (LWC / Quick Actions) with before/after evidence.

Analysis of Existing Setup

Complete inventory of active Visualforce pages and JavaScript buttons to migrate
For each component: feature analysis, migration risks and Lightning alternatives
Prioritization matrix: business impact × technical complexity × dependencies
Detailed specifications with 2 to 3 options per component (pros/cons + cost estimate)
Comparative screenshots Classic vs Lightning for the 3 main screens

Migration Completed

Visualforce pages converted to Lightning Web Components (LWC) or Aura Components based on complexity
JavaScript buttons replaced by Salesforce Lightning Quick Actions
Migrated components validated: functional tests on Lightning sandbox
Lightning gains documented: productivity, improved UX, native mobile access
Code deployed via Salesforce DX and validated on EG sandbox Lightning pages

Stack & Technologies

Lightning Web Components (LWC) — Replacement of Visualforce pages
Aura Components — For components with existing Aura dependencies
Quick Actions Salesforce — JavaScript button migration
Apex Controllers — Server-side logic for Lightning components
Salesforce DX / SFDX — Metadata deployment and versioning
Salesforce Classic & Lightning — Comparative test environments

Project Timeline

1
Inventory
All Visualforce pages and JavaScript components to migrate identified — dependencies fully mapped
2
Specifications
Technical specs written — 2-3 options per component with pros/cons, cost estimate and recommendation
3
Mockup
Comparative screenshots Classic vs Lightning for the 3 key screens (quote form, client record, dashboard)
4
LWC development
Visualforce pages converted to LWC — server-side Apex logic unchanged, presentation layer rebuilt
5
Button migration

Results

Skills validated: 2/2(OpenClassrooms jury)
Components migrated: JS Button + VF Page(Classic → Lightning)
Options documented: 2-3 / component(With cost estimate)
Jury assessment: Complete & relevant solutions(Special mention)

wirebright-visualforce-to-lightning — classic home

wirebright-visualforce-to-lightning — lightning home

wirebright-visualforce-to-lightning — classic lead update

wirebright-visualforce-to-lightning — lightning lead update

wirebright-visualforce-to-lightning — classic opportunity search

wirebright-visualforce-to-lightning — lightning opportunity search

Screenshots