Freelance Service Team

Overview

I designed a landing page concept for “iSolve,” an imagined marketplace where clients hire freelance service teams across design, writing, marketing, and tech. The shot pairs a deep navy hero with a clean white offerings section, leaning on a confident sans-serif headline (“Looking for a Service”) with the word “Service” tinted in the brand’s bright cyan-blue. A primary search input sits front and centre, framed by category chips along a secondary nav. The piece is meant to read as a calm, trustworthy entry point rather than a noisy marketplace.

Context

Most freelance marketplaces I’d seen at the time felt visually cluttered: dense grids, screaming CTAs, busy illustrations. I wanted to explore the opposite. The brief I gave myself was simple: a single search-led hero, a category nav that doubles as discovery, and a short “what we provide” strip that explains the value before the user has to commit to a query. The concept also gave me a chance to practice working with a constrained two-tone palette where almost all of the personality has to come from typography and spacing.

Problem

A marketplace homepage has to do two contradictory jobs at once: show breadth (there’s a lot here) and reduce overwhelm (you can find your thing in seconds). Stack the categories too prominently and the page looks like a directory; hide them and users don’t trust the inventory. The hero copy and the search field are competing for the same focal point, and the value-prop section underneath needs to reassure without repeating what the hero already said. Solving those tensions inside a single above-the-fold view was the core design problem.

Approach

I split the page into two clear moods. The hero uses a saturated navy with the cyan accent reserved only for the active word and the primary “Login” button, so the eye is pulled to the search bar by contrast alone. The category nav sits as a slim secondary bar under the main nav, present but quiet. Below the fold, the palette inverts to white with pale blue cards for the “Defined Deliverable” trio, using identical card structures to signal that the offerings are comparable. Generous vertical rhythm and a single sans-serif family keep the hierarchy doing the heavy lifting.

Outcome

The final shot reads exactly as intended: the eye lands on the headline, drops to the search input, then scans the category bar as a quiet backup. The lower section feels like a different surface entirely, which gives the page a sense of pacing that taller marketplaces usually lose. I shipped the concept on Dribbble and used the same hero pattern as a reference when prototyping search-led layouts for later client work. As a self-directed exercise it was useful for testing how far a two-colour palette can carry a page.

Lessons

• Reserve accent colour for one job per viewport so it keeps doing work.
• Treat the category nav as scaffolding, not decoration, and let it sit quietly.
• Use surface colour changes to pace a long page instead of adding new components.
• Design the search input as the hero, not as an afterthought under the headline.
• Repeat card structure ruthlessly when the offerings are meant to feel comparable.