An overview about tasks needed for building a front-end pattern library for your company or brand from scratch. These tasks assume that you already have a final design.
of your existing, already redesigned, websites, applications, etc. Upload them to Frontify Workspace and share it with a UX or Front-End Expert. All Who can do this? 1
tools in Frontify Workspace. Set a priority on the more reusable patterns like Buttons, Textfields, Dropdowns, Headings, etc. Front-End / UX Expert Who can do this? 2
semantics of patterns and combine them where possible. Hint: Keep complexity low. Front-End / UX Expert Who can do this? 3 Button Large Button Special Button Blue Button
complexity is too big or semantics don’t match. Front-End / UX Expert Who can do this? 5 Track and Trace Lookup Business Locator Content Search Track and Trace Business Locator Content Search Search
the Frontify Builder or similar tools. Either migrate existing code or re-write it from scratch. Hint: Try to keep the code clean and with a low amount of dependencies. Front-End Developer Who can do this? 6
Frontify Style Guide (e.g. add a document called “Pattern Library”. Define categories that best match your business cases. Hint: Use the existing pattern inventory to define structures. All Who can do this? 7
and pattern library. Keep the acceptance high by keeping everything up-to-date and easily discoverable. Collaborate on projects based on the guidelines using Frontify Workspace. All Who can do this? 8