UI/UX Developer
Easy apply
New
Job summary
Owns the user experience across dataPrime's Blazor-based enterprise web application, building reusable component libraries and pixel-perfect, high-performance interfaces for complex data intelligence workflows — including real-time dashboards, pipeline configurators, AI chat panels, and voice interaction surfaces.
Min Qualification:
Degree
Experience Level:
Mid level
Experience Length:
5 years
Language Requirement:
English
Working Hours:
Full Time - 8 to 5
Applicant Location:
Lagos, Nigeria
Job descriptions & requirements
Responsibilities:
- Design User Experiences: Produce wireframes, user flows, and interactive prototypes (Figma) for dataPrime modules such as the Observability Dashboard, ADRE Incident Center, Data Marketplace,and the Digital Twin simulation viewer. Balance information density with clarity for technically sophisticated users (data engineers, ops teams, oil & gas domain users).
- Develop Blazor Components: Build and maintain a shared component library in WebAppComponents — cards, grids, timelines, chart wrappers, modal dialogs, status badges — targeting both Blazor Server and WebAssembly rendering modes on .NET 10.
- Real-Time UI: Implement SignalR client integrations (ChatHub, MigrationHub, VoiceHub) to drive live-updating dashboards — golden signal charts, incident timelines, pipeline progress indicators,and voice transcription panels.
- Optimize Styling: Maintain and extend the platform's CSS architecture (scoped .razor.css files per component, global app.css). Ensure responsive layouts across desktop and tablet breakpointsused by operations center users.
- State Management: Manage cascading parameters, component state, IJSRuntime interop calls (audio context, canvas rendering, chart zoom/pan), and PersistentComponentState across server/WASM boundaries.
- AI Interaction Surfaces: Refine and extend the ambient chatbot UI, voice microphone panel (/settings/microphone), and NL→SQL query builder — ensuring smooth, low-latency perceived interaction even when waiting on AI model responses.
- Bridge Design & Code: Translate Figma mockups to production Razor components, enforcing accessibility (WCAG 2.1 AA), keyboard navigation, and consistent visual language across all 40+ pages.
Requirements:
- Expert-level C# and Blazor (Razor syntax, component lifecycle, @ref, cascading values, render fragments).
- Strong CSS3 skills — scoped styles, CSS custom properties, animations, and responsive grid/flex layouts.
- Proficiency with JavaScript interop (IJSRuntime) for browser APIs not available in .NET (audio, canvas, clipboard, ResizeObserver).
- Experience with real-time UI patterns — live charts, streaming text, progress indicators driven by SignalR or SSE.
- Competency with Figma for design handoff and component specification.
- Bonus: experience with Blazor QuickGrid, charting libraries (ApexCharts, Chart.js via interop), or .NET Aspire dashboard patterns.
Important safety tips
- Do not make any payment without confirming with the Jobberman Customer Support Team.
- If you think this advert is not genuine, please report it via the Report Job link below.
