Design System

andrgaev_fantastic_spaceship_over_the_planet_black_space_at_the_2a37b3bc-e25b-42a5-8f95-c417ce5688aa

project scope

user experience
user interface
Product UI Kit
react developer
Style guide

A Design System is the single source of truth which groups all the elements that will allow the teams to design, realize and develop a product. It has 3 levels.

On that level, system is describing the basic principles which are applied to all style guides and products. The great example is typography. The same typography will be used in all products which are produced under agenda of Alien Worlds Brand.

Visit live >

What is Design System ?

The ultimate collection of reusable components with clearly defined standards or rules for use. Under components I mean different design assets such as: buttons, inputs, checkboxes and etc.

Principles

In that area the magic begins. It has a bit more complex hierarchy. It has 2 zones, one is for main info and second one for the actual design.
UI Kit
At this place will be the whole list of components that is used in current files and some elements from connected libraries.

Archive
Zone for saving some old itterations that wasn’t approved but can be reused in a future. Also it can be some kind of backup.

PAGES
Each page should have 2 pages UI & UX
Page UX
On UX will be placed wireframes on which designer can orient while creating UI
Page UI
In this page will be final designs which will be transfered to the developers

PDF PREVIEW

Further we have started developing the main video that would tell not just a story about DAO SYNDICATE, but our England narrative developers developed a script with an interesting plot, so together with video engineers we worked hard and made a video that gained several hundred thousand views. using tools such as Miro, Blender Run and After Effects We in a team of three people developed a series of videos

DS

project
summary

  • a new product for the game was developed completely from scratch
  • a design system and UIkit have been developed based on chakra
  • several dozen screens have been developed as well as iconography
  • created several characters AND also developed and successfully implemented a marketing campaign
  • the game community responded to this with enthusiasm and joy, left excellent reviews and the number of new players was also increased several times

    • View live