Front-End Design Refresh — B2B Analytics Platform
Budget / Salary€30–250
TypeFreelance project
LocationRemote
Posted1 hour ago
This is a data-dense B2B web application (search, admin, and reporting features) for professional users. The app's JavaScript (Stimulus) is fully built and working — this is a CSS/HTML/visual design engagement only. We are not looking for a JS developer.
We're unhappy with the current visual design: weak typographic hierarchy, inconsistent spacing, and a look that doesn't feel like a polished professional platform. We want a designer with strong visual and typographic judgement, not someone who just matches existing styles or uses AI.
Scope:
12 views total need to be redesigned. Examples include search forms with multiple field types (dropdowns, multi-select, tag-style inputs), filter pills, and a dense results table (50+ rows, 6+ columns, status badges). Some views are simple (forms, settings); a few are medium complexity (search interfaces with many field types and dynamic filters).
Full list of the 12 views, screenshots, and current HTML shared at kickoff.
Design direction:
Professional, precise, trustworthy — think analytical dashboard (Linear, Vanta, Datadog-style), not a marketing site or consumer app.
Strong typographic hierarchy — headings, labels, body, and helper text clearly distinguished.
Existing teal brand colour carries through; latitude to build a fuller palette (neutrals, accents, states) around it.
Consistent spacing, button styles, input styles, and states (hover/focus/active/disabled/error).
Must handle dense tables and multi-field forms without breaking.
Dark mode and WCAG-level accessibility are out of scope.
Technical constraint — important:
Restructure the HTML/CSS however suits your work, but all existing data attributes must be preserved as is on their current elements — they connect to our JavaScript. Change nesting, add wrappers, rename classes freely; just don't remove or rename data attributes.
Process:
Before committing to the full scope, we're asking for one representative view (medium complexity, picked by us). This lets us assess fit before any commercial commitment on either side. If the first view meets the bar, we move to the full 12-view engagement under agreed terms.
Deliverable:
First view in HTML + CSS for the one view, plus a short reference file documenting your typography scale, colour palette, spacing scale, and component states (buttons/inputs/pills/table rows). This becomes the pattern for the rest.
Timeline: 3–5 days from kickoff.
What to include in your proposal:
Portfolio of shipped, styled web apps that survived real browser implementation — not Figma concepts. Dense data UI experience strongly preferred.
Confirmation you're comfortable working from static HTML/CSS exports, no live environment access.
Complete a short screening exercise and include your output with your proposal.
We're unhappy with the current visual design: weak typographic hierarchy, inconsistent spacing, and a look that doesn't feel like a polished professional platform. We want a designer with strong visual and typographic judgement, not someone who just matches existing styles or uses AI.
Scope:
12 views total need to be redesigned. Examples include search forms with multiple field types (dropdowns, multi-select, tag-style inputs), filter pills, and a dense results table (50+ rows, 6+ columns, status badges). Some views are simple (forms, settings); a few are medium complexity (search interfaces with many field types and dynamic filters).
Full list of the 12 views, screenshots, and current HTML shared at kickoff.
Design direction:
Professional, precise, trustworthy — think analytical dashboard (Linear, Vanta, Datadog-style), not a marketing site or consumer app.
Strong typographic hierarchy — headings, labels, body, and helper text clearly distinguished.
Existing teal brand colour carries through; latitude to build a fuller palette (neutrals, accents, states) around it.
Consistent spacing, button styles, input styles, and states (hover/focus/active/disabled/error).
Must handle dense tables and multi-field forms without breaking.
Dark mode and WCAG-level accessibility are out of scope.
Technical constraint — important:
Restructure the HTML/CSS however suits your work, but all existing data attributes must be preserved as is on their current elements — they connect to our JavaScript. Change nesting, add wrappers, rename classes freely; just don't remove or rename data attributes.
Process:
Before committing to the full scope, we're asking for one representative view (medium complexity, picked by us). This lets us assess fit before any commercial commitment on either side. If the first view meets the bar, we move to the full 12-view engagement under agreed terms.
Deliverable:
First view in HTML + CSS for the one view, plus a short reference file documenting your typography scale, colour palette, spacing scale, and component states (buttons/inputs/pills/table rows). This becomes the pattern for the rest.
Timeline: 3–5 days from kickoff.
What to include in your proposal:
Portfolio of shipped, styled web apps that survived real browser implementation — not Figma concepts. Dense data UI experience strongly preferred.
Confirmation you're comfortable working from static HTML/CSS exports, no live environment access.
Complete a short screening exercise and include your output with your proposal.
Apply on Freelancer →
Project sourced from Freelancer.com. Applications happen directly on the original platform — we never collect your data.