Sports Recruiting UI: Blazor & Flutter

Job ID: 39913672

Budget: $250 – $750 USD

Project overview:

The web application for 365Recruits is built using Blazor. We are looking to make a set of visual and UX enhancements to the existing web app (refining layout, updating theming, improving responsiveness, refining components) and prepare the design for the mobile version of the app using Flutter (design assets, reusable component library, alignment with web look/feel).

Key deliverables:

Review existing Blazor web app UI (provide audit of current UI/UX, list of recommendations)

Create updated UI design in a design tool of your choice (Figma preferred) for the web app: updated colour palette, typography, component styling, layout improvements, mobile breakpoints.

Implement changes (front-end) in the Blazor app: applying new styles, updating components, ensuring responsiveness. (or provide clear hand-off/specs to the Blazor developer if hand-off model)

Design the mobile app UI in Flutter: generate design assets, component library consistent with web version, define navigation flow, screens for mobile/ tablet.

Provide style-guide / component library documentation (web & mobile) for future developers.

Skills required:

Blazor front-end development (C#, Razor components, CSS/SCSS)

UI/UX design (Figma, Sketch, XD)

Flutter UI design experience (Dart/Flutter widgets, design hand-off)

Responsive web design, cross-device compatibility

Good communication, able to give design iterations and incorporate feedback

Project timeframe & budget:

[You define your budget and desired timeline; e.g., 4-6 weeks, budget $X-$Y]

How to apply:
Please share:

Portfolio of similar work (web apps + mobile app designs)

A brief description of how you’d approach this project (audit → design → implementation)

Your estimated budget and timeline

Your availability (timezone, weekly hours)

Extra desirable:

Experience with component libraries (e.g., using MudBlazor, Telerik, etc)

Experience integrating brand identity changes or creating style guides

Experience working with teams (hand-off to developers)