3DR WEBSITE
WEB DESIGN, STARTUPS
3DR Website
WEB DESIGN, STARTUPS
I led the redesign of 3DR's new website. The few years prior to this project, 3DR shifted from a consumer drone leader to an enterprise drone construction tool. The old website housed a 3DR Solo consumer brand, an old product knowledge base, and navigation to hardware products that 3DR no longer offered.
Early idea for architecture of the marketing site
How do we create a simple and user-focused navigation?
The main goal of the site was to market 3DR as an enterprise company. Because of this, I kept Product & Industries first in the top navigation and kept a demo request button visible at any point in the site.
On hover, a secondary navigation allows users to journey into the website to the areas they are personally most interested in, whether that be a specific industry or role, a different 3DR product, customer stories, or FAA training. I also kept the 3DR blog, Lift, in the top navigation to highlight 3DR as a thought leader in the industry.
How do we create a simple and user-focused navigation?
The main goal of the site was to market 3DR as an enterprise company. Because of this, I kept Product & Industries first in the top navigation and kept a demo request button visible at any point in the site.
On hover, a secondary navigation allows users to journey into the website to the areas they are personally most interested in, whether that be a specific industry or role, a different 3DR product, customer stories, or FAA training. I also kept the 3DR blog, Lift, in the top navigation to highlight 3DR as a thought leader in the industry.
Final Information Architecture of redesign
Building Blocks
As the only designer at 3DR, I streamlined the design & build process by creating responsive low & high fidelity modules. I like to approach all web design in this modular way. Scroll through the photos below to see my process.
Modular sketches, wireframes, lofi symbols, hifi symbols, final designs, & modules built into wordpress for future development
Since this project, Site Scan, 3DR's enterprise product was acquired by ESRI.
Branding
Alongside the new 3DR.com, I worked on a full rebrand that included updated marketing materials, company decks, print materials, and a brand style guide.
Early Design Decisions
The blue Site Scan S worked for one product, but didn't work with multiple symbols to create a cohesive brand. I made the argument that with multiple products under the 3DR brand and a quickly-changing market, we needed a new symbol that could expand across all existing and future product lines.
Running a 3 Hour brand sprint with the 3DR leadership team
Updating the Site Scan Mark
After presenting a few options in multiple formats, the leadership team agreed upon the Site Scan chevron. It was similar to other symbols in the AEC industry such as geometric shapes, triangles, and measurement tools and the symbol is built from the negative space in the 3DR logomark, making it consistent yet unique to the primary 3DR brand.
Old branding (left) and new branding (right)
Expanding the symbol into a 3DR Brand System
I created a brand system that tied together the 3DR brand into a number of products: 3DR Site Scan, 3DR GCP, 3DR Customer Success, 3DR ESRI Edition, and 3DR Supported Drones. My goal was to create a system that was timeless and could be built on with any additional products that the company would add to its offering in the future. Each symbol is locked up with the product name using the consumer Solohagan typeface.
Brand Guide
To bring all of this work together, I created a 3DR Brand Guide. It includes logo & symbol usage across all 3DR products, colors for digital and print, typography, 3DR voice and tone, and imagery examples.