What UI/UX design for a marketing website includes
The work covers every decision between a visitor's first second on the site and the action you want them to take. We shape the scope around your brief, and the proposal says which of these deliverables are included and how each one is approved.
- Research summary: analytics, search queries, sales and support questions, competitor sites
- Sitemap, navigation and a list of page templates
- Content-first wireframes for each template, with real headlines instead of placeholder text
- Interface design for desktop and mobile, with every state of each component
- A design system in Figma whose components map to the CMS, so editors can build new pages
- A clickable prototype and the findings from usability tests
How the work runs, from research to tested prototype
Each stage ends with something you approve, so a wrong turn is caught before it costs a rebuild. The order matters: structure before visuals, and testing before code.
| Stage | What we do | What you approve |
|---|---|---|
| Research | Read analytics and search data, interview sales and support, review competitor sites | The audience, the main tasks and the questions each page must answer |
| Structure | Sitemap, navigation and the list of page templates | What pages exist and how visitors move between them |
| Wireframes | Content-first layouts for each template, desktop and mobile | The order of information on every template |
| Interface | Visual design, components and their states, the design system | The look of the site and its components |
| Prototype and test | A clickable prototype tested with about five people per round | The fixes from each round |
| Build | The approved design built in Webflow, Framer, Astro or Next.js | The live site, page by page |
Marketing-site UX, not product UX
A marketing website has a different job from a software product. A product's interface helps people who already signed up get work done; a marketing site has to explain, earn trust and move a stranger to one action. That changes what we research and test: first impressions, scanning, comparisons, pricing pages and forms.
Dardo designs marketing sites only. For the interface of an app, a dashboard or a client portal, hire a product design team. For a site whose structure works and only needs a new look, our website redesign service fits better.
Accessibility and speed are design decisions
Accessibility and speed are settled in the design, not patched after launch. We design to WCAG 2.2 Level AA, the W3C's current accessibility standard: contrast, focus order, target sizes, labels and error messages are part of every component, not a final check.
Speed starts in the same files. Google's Core Web Vitals call a page good when its largest content loads within 2.5 seconds, it responds to input within 200 milliseconds and its layout shift score stays at 0.1 or less, so we choose image sizes, fonts and animation with those limits in mind.
In practice: Gissi's website
Gissi is a music school in Bogota whose site Dardo designed and built. Visitors arrive with practical questions (which instrument, which teacher, online or at home, how to start), and the structure answers them in that order.
- An instrument page is published only when at least one teacher teaches it, so nobody lands on a class they can't book
- Each teacher profile shows the instrument, location and class formats, and its contact link opens WhatsApp with the teacher's name already in the message
- One page for each way of learning: online, at home in Bogota and preparation for university admission
- The site runs in Spanish, English and Portuguese, each language with its own addresses
Google clicks went from 34 in the three months before the relaunch to 416 in its first nine days, after its move to Cloudflare and launch in four languages; the case study shows how.
Platforms, files and ownership
We design in Figma and build on the platform your team will edit: Webflow or Framer when marketers publish pages themselves, Astro or Next.js with a headless CMS when the site has a developer or many integrations. The design system's components become the CMS's building blocks, so new pages stay consistent after launch.
Your company owns the Figma files, the code and every account from the start. Dardo quotes each project per scope in an itemized written proposal, with no minimum budget.
Questions before you choose
What do UI/UX design services for a marketing website include?
Research into who visits and what they need, a sitemap and navigation, wireframes for each page template, the visual interface for desktop and mobile, a design system and a clickable prototype tested with real users. When Dardo also builds the site, the same team turns the approved design into the live pages, so nothing is lost in a handoff.
How much does UI/UX design for a website cost?
Dardo quotes each project per scope in an itemized written proposal and has no minimum budget. The main cost drivers are the number of page templates, how much research and testing the project needs, the number of languages and whether Dardo also builds the site. Design alone costs less than design and build, but you then need a team to build it faithfully.
Do you design app or product interfaces?
No. Dardo designs marketing websites: the pages that explain a product or service and lead to a demo, a quote, a booking or a signup. The interface of a software product, such as an app, a dashboard or a client portal, needs a product design team, and we will say so if that is what your brief describes.
Can you improve the UX of an existing site without rebuilding it?
Often, yes. We start with an audit of analytics, search data and a short usability test, then redesign the templates that lose visitors and implement the changes on your current platform. If the platform itself blocks the changes, the audit says so and the work becomes a redesign or a migration.
Do you run usability tests?
Yes. We test prototypes with a handful of people from your audience before the build, in rounds of about five participants, the size Nielsen Norman Group recommends for finding most usability problems in a qualitative test. Each round ends with a short list of problems and the design changes that fix them.
What do we receive at the end?
The research summary, the sitemap, the Figma files with the design system and every template, the prototype and the test findings. If Dardo builds the site, you also get the live site with its CMS set up for your editors. The files, the code and every account are in your company's name.
Do you design multilingual sites?
Yes. Dardo works in English and Spanish and plans each language's navigation, page addresses and text lengths from the first wireframe. Gissi, a music school, runs in Spanish, English and Portuguese on a site Dardo designed and built.
UX design agency by city
Sources & further reading
Sources behind this page, with further detail from the original publishers.
- W3C: Web Content Accessibility Guidelines (WCAG) 2.2w3.org
- Google Search Central: Core Web Vitalsdevelopers.google.com
- Nielsen Norman Group: Why you only need to test with 5 usersnngroup.com
- Nielsen Norman Group: Usability testing 101nngroup.com
- Gissi Music Academy (live site)gissimusic.com
