Want to reduce technical debt and scale yourapplications?
We partner with clients
to build design systems
that improve team communication,
speed up development,
and lay the foundation
for a scalable codebase.
An integrated design system
can help your team
maintain consistent designs
across digital products
over the long-term –
finding bugs faster,
and weaving system updates
into the dailyworkflow.
When the inventor of the modern design system
names you as the number one person she’d hire
to build a design system, well then I jump!
I’m grateful she put us incontact.
I appreciated the specific experience OddBird brought to bear
in terms of building component libraries,
particularly the need to incrementally import the component library
in order to have it successfully beused.
We provide two integrated
design system development packages.
Purchase the Goals & Audit package on its own
and build your system in house,
or hire us to build your design systemtoo.
Goals & Audit
Starting at $4K
Let’s assess your current designs & technology,
understand your needs,
and create a strategytogether.
Taking a visual inventory is a great way to start identifying designpatterns.
Goals
OddBird will meet (virtually) with your team. Together with your designers
and developers, we will walk through your current workflow and projects,
highlighting pain points and bottlenecks so that we can gain a shared
understanding of your design system goals andneeds.
Audit
OddBird will review any existing design system components, libraries,
and/or platforms/tools your company uses, how you are using them,
and any related projectcode.
Deliverables
Visual Inventory:
A compilation of existing components within your project,
documenting commonly used UI elements and their variations.
We will identify and prioritize design patterns
to be condensed, expanded, improved,
and documented in a patternlibrary.
User Stories:
A list of recommended next steps that could include:
documentation,
tooling recommendations,
a component library,
component development,
component design,
brand/graphic design,
code organization,
and team training sessions
forhand-off.
Estimate:
A set of “User Stories” or tasks estimated individually,
and prioritized into phases as needed —
giving you control of the timeline and budget to build your designsystem.
Build My DesignSystem
Custom estimates
Let’s set up the tools, workflows,
and components you need,
and train your team to use and maintain the system
over thelong-term.
Storybook component library built for Metechoproject
Most design system projects begin with the Goals & Audit package to gain
a shared understanding of the technology constraints, existing designs,
and team goals. Based on the results of the Goals & Audit phase,
OddBird will create a proposal and estimate that could include
a wide ranges of services. In the “Build” phase, we will start with
agreed-upon priorities and meet with you regularly while we worktogether.
Range of Deliverables
Integrated design systemsetup
Documentation
Component library setup
Component design &development
Tooling & languagesuggestions
Brand & graphicdesign
Workflow strategies
Code organization
Implementing Herman automated styleguide
And more!
Training & OngoingDevelopment
The Build My Design System package
concludes with training for your team
to ensure successful hand-off.
We are happy to (and often do)
provide continued development
and ongoing project updates, as needed,
at our standard hourlyrate.
OddBird Theme Colors documented using Herman automated styleguide
Herman is a free tool made by OddBird which creates a living pattern
library from the code in your CSS files. It saves time by standardizing
designer/developer communication, on-boarding, and hand-off, helping to
make your life a littleeasier.
Depending on your needs, Herman may be included in a design systems
training and implementation project. We work with you to determine the
best tools for yourcompany.
I love when conferences give me the opportunity to travel around the world. I love it even more when conferences go beyond the web to find inspiration from other fields. Beyond Tellerand (Düsseldorf, Germany) was the best possible combination.
I’ve been excited about Vue.js since Sarah Drasner first showed me the basics. Since then, we’ve started using it for client work at OddBird, and I’m constantly impressed by the power and simplicity – so it was a real honor being invited to speak at the first VueConf US in…
Design systems streamline development, communication, and consistency – but often rely on dedicated teams and extended budgets. We wanted a tool to create and maintain living style guides & pattern libraries in an agile process, and on a budget. Herman helps keep our development flow simple, and our UX consistent…
Living Style Guide documentation on the web is a difficult problem, gaining a lot of attention in the last few years. Let’s take an in-depth look at one way to store patterns directly in Sass, and generate documentation automatically.
It was an honor to be part of the first ever Clarity Conference
in San Francisco –
a beautiful event organized by Jina,
and completely focused on StyleGuides.
Talk resource type
Article resource type