Design and implement a full rebrand with updated design standards and a new design system.
Overview
Stackblitz approached This Dot Labs to help rebrand their public facing sites with updated design standards, and sync the design systems of multiple subdomains’ sites across disparate codebases.
Services Provided
This Dot Labs developed a design system rooted in previous branding, but updated to express the speed and uniqueness of this release.
It incorporates impactful 3D graphics, bold colors and statements, consistent themes throughout disparate subdomains, and sets the framework for future messaging and layouts.
Tech-stack
React
Eleventy
Docusaurus
Greensock (GSAP)
Sass
Blender
Figma
Illustrator
Photoshop- React for an interactive front end.
- Eleventy for the blog site.
- Docusaurus for the documentation site.
- Greensock for animations.
- SCSS for versatile styling.
- Blender for 3D images and animations.
- Figma for prototyping and collaboration.
- Photoshop for gluing it all together.
- Illustrator for vector images and optimization.
This Dot Labs is a development consultancy focused on providing staff augmentation, architectural guidance, and consulting to companies.
We help implement and teach modern web best practices with technologies such as React, Angular, Vue, Web Components, GraphQL, Node, and more.
StackBlitz is the company behind StackBlitz Enterprise, a platform providing an integrated development environment for developers and teams wanting simpler collaboration, cutting edge documentation with live examples, and the most secure development experience available to the market.
Wiring Parts of the Whole
Overall, this project was a practice in braiding together many aspects of StackBlitz’s software collection, and distilling a largely undefined, novel technology’s use cases into digestible but impactful literature, web experiences, and consistent, on-brand graphics.
Responding to User Feedback
In order to provide the most useful and dynamic interface, This Dot Labs team worked with StackBlitz’ to understand the whole of the product offering, not just the newly released technology alone, and user feedback.
This allowed us to tailor more targeted messaging and designs for different demographics, ie. developers using the platform everyday, vs. an Enterprise manager choosing a technology to trust.
Creating a Unique Visual Experience
Combining Blender 3D graphics, SVG masks, and the GSAP animation library, we created a unique visual experience for Enterprise customers, describing product functionality with few words, and retina-ready images optimized with low file sizes.
Let's see how This Dot can help you
Are you looking for a development consulting firm that can provide staff augmentation, architectural guidance, and consulting to your company? Look no further than This Dot Labs. Our team of experienced developers and managers can help you implement and teach modern web best practices, and deliver your projects on time and within budget. Contact us today to learn more about our services and how we can help you achieve your development goals.
You might also like
Portfolio
Our clients are building for the future. Explore This Dot Labs' portfolio, and see how we have helped them achieve their diverse technical goals.
Driving Web3 Innovation: Collaborative Success in Showcasing Chainlink Functions
topics covered in this case study:
Chainlink, the company behind the Web3 services platform and blockchain oracle network of the same name, approached This Dot Labs to build a showcase application featuring Chainlink Functions.
Daily Polished, a members-only e-commerce platform focused on luxury beauty and wellness products
topics covered in this case study:
This Dot Labs took over architectural decision making and development for the e-commerce store and provided a seamless transition with timely deliver of the platform.
WebXR Performance Testing with React: Revolutionizing Mixed Reality Development
topics covered in this case study:
This collaborative endeavor demonstrated the potential of WebXR and showcased the power of leveraging community support and expertise in the open-source ecosystem.
Automating Code Maintenance: This Dot Labs’ Successful Partnership with an Online Metaverse Platform
topics covered in this case study:
Our team created an automated conversion tool to detect newly released code, determine changes introduced by it, and trigger an automatic upgrade to the converted library.
Creating an AI gesture recognition game with next generation Angular and Tensorflow.js
topics covered in this case study:
Ahead of Google I/O in May 2023, the Angular Core Team reached out to This Dot Labs to help them deliver a demo application, showcasing a highly interactive ML integrated application built using Angular with TensorFlow.js in time for the conference.
Enhancing Sentry’s Suite of Debugging Tools with a Cutting Edge Replay Feature
topics covered in this case study:
Sentry’s Emerging Technologies team approached This Dot Labs to augment their team developing a new feature offering a visual replay of user interactions that would seamlessly fit in with Sentry’s portfolio of error and performance monitoring tools.
- See full portfolio