Available for work

Website Redesign Positioning Boston Dynamics as a Industry Leader.

Boston Dynamics is the global leader in developing and deploying highly mobile robots capable of tackling industry's toughest challenges.

Responsive website redesign project focusing on modernizing Boston Dynamic's online presence and improving usability and site structure while maintaining brand consistency.
Agency

HUEMOR

Team

Aileen Saldana, Project Manager
James Utkovic, Creative Director
Jonathan Prinz, Sr. UX/UI Designer
Djorde Sajilovic, Lead Developer

Tools

Figma, Zeplin, Illustrator, Wordpress

Skills

Competitive Research, User Research, Information Architecture, Journey Mapping, Wireframing, Web Design, and UI Design

Objective

The goal of the Boston Dynamics website redesign was to position them as an industry leader within their space and improve its usability and site structure while maintaining brand consistency. The project was built on Wordpress to ensure easy updates, enhancing brand visuals through the creation of high-quality assets and compelling messaging. This comprehensive redesign was intended to reflect Boston Dynamics' innovation and support their ongoing growth in the robotics industry.

Site Performance
+12%

Increased site performance increases user experience and operational efficiency.

Page load speed
+68%

Increased page load speed reduces bounce rates and boosts user engagement.

Accessibility
85%

Accessibility ensures inclusivity, usability, and a broader audience reach.

w3 Award
Gold

Boston Dynamics takes home gold at the W3 awards in Website/Website Redesign.

Before After
Website Goals
The website redesign for Boston Dynamics focused on improving overall website performance, ensuring a superior user experience and better search engine rankings.

Information Architecture.

When creating the new information architecture for Boston Dynamics, we prioritized their goal of being recognized as an industry leader. Our initial step was to expand on the Solutions they offered, breaking them down into more detailed categories to help users and potential customers easily identify the specific solution they needed. Additionally, we developed a comprehensive Industries section to guide users in discovering the most suitable product solutions tailored to their specific business needs. Concentrating users' attention on these two primary funnels—Solutions and Industries—optimized the website for higher lead generation and conversion rates, reinforcing Boston Dynamics' position as a leader in the robotics industry.

Information Architecture

We also extended the range of Boston Dynamics’ Resource section to enhance user engagement and value. By offering a variety of content such as case studies, blogs, videos, webinars, whitepapers, ebooks, and developer documentation, the website caters to diverse audience preferences and learning styles. This variety ensures that users can find the information they need in a format that suits them best. Additionally, providing a wide range of resources helps to establish the client's authority and expertise in their industry, attracting a broader audience, encouraging longer site visits, increasing trust, and ultimately supporting lead generation and customer retention efforts.

User Flows.

The Boston Dynamics website is designed to streamline the user experience by categorizing their diverse product offerings into detailed, easily navigable sections. This approach allows users to quickly identify and explore the specific solutions that meet their unique needs. Each solution page provides comprehensive information, including specifications and use cases, and features calls to action that guide users to further resources or direct contact with sales representatives, ultimately driving engagement and conversions.

USER FLOWS

The post-conversion educational resources and support pathway is a crucial aspect of the Boston Dynamics website. This pathway guides users through a wealth of informative materials, including detailed tutorials, engaging webinars, comprehensive FAQs, and in-depth technical documentation. These resources are meticulously curated to ensure users have access to all the knowledge they need to effectively use and implement Boston Dynamics' products. By navigating through these pages, users can deepen their understanding of the products, troubleshoot issues, and discover advanced functionalities. This flow not only enhances user satisfaction and maximizes product utilization but also builds trust and loyalty by demonstrating Boston Dynamics' commitment to providing ongoing support and education.

HiFi Designs
We created high fidelity designs in order to provide a detailed representation of the final product, including precise layouts, typography, color schemes, and interactive elements.

Product Pages.

In order to support their customer' business needs, product pages were designed with detailed descriptions, technical data, and potential applications of the various 'payload' options available, ensuring customers can make informed decisions about their requirements.

Product Specific Contact Pages.

In order to better route users to the proper sales representative, we needed to develop unique contact pages that would allow users to select their area of interest. This ensures inquiries are directed to the correct salesperson for a more efficient and personalized experience.

Legacy Robot Timeline.

In order to showcase Boston Dynamics' legacy robots, we developed a dedicated page highlighting their technological innovations and milestones. This page provides a detailed timeline, celebrating their contributions to the field of robotics and preserving their legacy.

Resources Overview.

We updated the Resources section to include a broader range of content, such as interactive guides, in-depth reports, and case studies. These additions provide users with valuable insights that enhance their understanding of Boston Dynamics' offerings and applications.

Let's Work Together.

Ready to bring your vision to life? Let's team up on your next project and create something unforgettable together.

Let's Connect
Let's Connect

The Boston Dynamics Website Redesign Project Focused on Modernizing and Enhancing Their Online Presence.

The goal was to solidify their industry leadership and enhance their B2B operations by creating an intuitive, easy-to-manage platform. Key enhancements included detailed Solutions and Industries sections to help users find tailored product solutions, and an expanded Resources section featuring diverse content like interactive guides, in-depth reports, and customer success stories. Additionally, product pages were meticulously designed to showcase customizable 'payload' options with detailed specifications and applications. Unique contact pages were also developed to efficiently route inquiries to knowledgeable representatives, ultimately optimizing user experience and boosting lead generation and conversions.
Aileen Saldana
HUEMOR

“Jon Has a Great Eye for Design and an Understanding of the Strategy Behind It.”

The clients love him and he has a great way of approaching conversations with them that keep the project momentum going while meeting the needs both internally and for stakeholders. He is a great leader and collaborator who cares about the work he delivers.

Results
The Boston Dynamics redesign has improved overall website performance, created quality lead generation, and most importantly has enabled their team to make key website changes moving forward.

What I Learned.

This project taught me the meticulous care required when working with a major industry brand, providing valuable experience in adapting my designs to meet the specific needs of key stakeholders through effective communication and collaboration with cross-functional teams. I have learned to balance user needs with business goals, ensuring that the final product interests users and aligns with strategic objectives. Through this process, I gained a deeper and richer understanding of how design decisions impact user experience and the importance of creating intuitive and engaging interfaces. Additionally, I implemented best practices for accessibility and inclusivity, ensuring that our designs are usable and welcoming for all users. This project has enhanced my skills in stakeholder management, user-centered design, and inclusive practices, making me a more versatile and effective UX designer.