Dedoose website redesign

Elevating the creative direction for a premier research platform

Dedoose is a web-based platform designed by researchers for researchers to analyze qualitative and mixed methods data, and we partnered with the Business Development and Marketing teams to modernize the brand—starting with the site.

By elevating the visual design and refining the user experience, we focused on boosting customer acquisition and brand perception. The result: a bright, modern site that rivals competitors and delivers more actionable analytics.

Client services

Illustration of puzzle pieces inside of a mind
Illustration of a pencil and ruler atop a laptop
Wireframes

We used Figma and Axure to create dynamic, clickable wireframes that gave the client a realistic preview of site functionality and user interaction. The prototype also served as a central hub for our team to collaborate and align on goals, content structure, and overall site strategy.

View Wireframes
Dedoose homepage wireframe
Dedoose platform page wireframe
Style Tiles

Before beginning the website design, we presented two style tiles to help define the creative direction. These visual guides—part mood board, part mockup—established the UI’s color palette, typography, buttons, iconography, and photo treatments, without requiring full mockups early in the process.

Dedoose style tile detailing visual treatments for website design
Dedoose style tile detailing visual treatments for website design
Website Design

We then designed the main site pages in Figma—optimizing UI elements for a smooth build. After the mockups were approved, we began building the site. Using Webflow, we leveraged templates, reusable components, variables, and CMS collections, ensuring the site would be easy for the team to update and maintain with minimal friction.

View Website
Notion Documentation

After handing off the site for content population, we created a Notion hub with detailed documentation and video tutorials to guide the client through ongoing updates—ensuring they were able to maintain the site independently.

Notion documentation page
Notion documentation page
Notion documentation page
Wireframes
Dedoose homepage wireframe
Dedoose platform page wireframe

We used Figma and Axure to create dynamic, clickable wireframes that gave the client a realistic preview of site functionality and user interaction. The prototype also served as a central hub for our team to collaborate and align on goals, content structure, and overall site strategy.

View Wireframes
Style Tiles
Dedoose style tile detailing visual treatments for website design
Dedoose style tile detailing visual treatments for website design

Before beginning the website design, we presented two style tiles to help define the creative direction. These visual guides—part mood board, part mockup—established the UI’s color palette, typography, buttons, iconography, and photo treatments, without requiring full mockups early in the process.

Website Design

We then designed the main site pages in Figma—optimizing UI elements for a smooth build. After the mockups were approved, we began building the site. Using Webflow, we leveraged templates, reusable components, variables, and CMS collections, ensuring the site would be easy for the team to update and maintain with minimal friction.

View Website
Notion Documentation
Notion documentation page
Notion documentation page

After handing off the built site for content population, we created a Notion hub with detailed documentation and video tutorials to guide the team through ongoing updates—ensuring they were fully equipped to maintain the site independently.