Designer News
Where the design community meets.
almost 6 years ago from ahder junior, UI/UX Designer
i have a question, what is the hero project looks like?
A ‘hero’ project is a smaller or simpler chunk of a larger platform, service or system, that is used to exemplify excellence.
For example, a human capital management platform might have many different digital products or platforms. The idea here would be to pick one and redesign (using a user-centred approach and design system thinking) to exemplify what good looks like and prove that the design system works seamlessly with DevOps.
I realise that this is mainly the case with enterprise projects. Not necessarily needed for smaller projects.
Hope that helps!
Stu
the biggest struggle I've had with any system or style component is alignment with development and developing a single source of truth.
What is your 'single source of truth'? and how did you iterate upon that? Is an iteration upon this source expected to affect all contexts that it's used in?
Hi Nick,
To answer your last question, the single source of truth is usually JSON files in Git repo. This is the single source of truth that then syndicates any changes to the entire product portfolio. There are many ways to do this, but it’s getting easier with the latest version of Sketch app.
I guess the most important thing to do is align with development from the off. This way they can start finding out the most efficient way of bringing in UI elements from Sketch App or Figma.
After a while development should have the base JSON to create elements that you can then start composing, (a bit like this: https://airbnb.design/painting-with-code/ ).
The aim is to pair your design ops with dev ops. I’ve only had experience creating this from scratch, but a few folks are starting to create UI kits that really help development e.g. http://reactsymbols.com
If you are struggling with aligning development, these are great resources to share with your design and dev team:
https://medium.com/sketch-app-sources/does-sketch-43-force-designers-to-learn-coding-61fc21ea6c6d
https://medium.com/salesforce-ux/living-design-system-3ab1f2280ef7
https://medium.com/@brandaiapp/connect-sketch-symbols-with-their-react-counterparts-d100be414acd
Thanks so much for the insight Stu, I'd seen that "Painting with code" article, and totally forgot about it.
Our org may not be totally equipped to do that, but knowing how one org does this helps us understand where we should be striving for.
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Hi Ahder,
We’ve had most success designing the foundations first and then approaching chunks (which then feeds back into the foundations).
The biggest thing here is make sure you align with development and DevOps (if the team has that capability). It’s important to have one single source of truth that can be iterated upon both in terms of front end dev and product design team members.
You could also start with a ‘hero’ project if the redesign is large/enterprise scale, (to prove the value of living design systems).
Any questions, let me know, happy to add further detail.
Stu