DeSySLaG Design System for Sri Lanka Government

  • working from home- sri lankan government design system - desyslag foundation
    Working from Home
  • user testing - sri lankan government design system - desyslag foundation
    User Testing by Field
  • Web Security- sri lankan government design system - desyslag foundation
    Web Security
  • Web Accessibility - sri lankan government design system - desyslag foundation
    Web Accessibility
  • unique design- sri lankan government design system - desyslag foundation
    Unique Design
  • unique approach- sri lankan government design system - desyslag foundation
    Unique Approach
  • save time- sri lankan government design system - desyslag foundation
    Save Time
  • future investment- sri lankan government design system - desyslag foundation
    Future Investment
  • plug n play- sri lankan government design system - desyslag foundation
    Plug n Play
  • Government  Organisations- sri lankan government design system - desyslag foundation
    For Government Organisations
  • recall and recognition- sri lankan government design system - desyslag foundation
    Recall and Recognition
  • Proud nation with heritage and culture- sri lankan government design system - desyslag foundation
    Culture
  • device compatibility- sri lankan government design system - desyslag foundation
    Device Compatibility
  • designed for rural- sri lankan government design system - desyslag foundation
    Designed for Rural
  • designed for people- sri lankan government design system - desyslag foundation
    Designed for People
  • designed for everyone- sri lankan government design system - desyslag foundation
    Designed for Everyone
  • designed for urban- sri lankan government design system - desyslag foundation
    Designed for Urban
  • efficiency- sri lankan government design system - desyslag foundation
    Efficiency
  • cross platform- sri lankan government design system - desyslag foundation
    Cross Platforms
  • design principles- sri lankan government design system - desyslag foundation
    Design Principles
  • cross browser - sri lankan government design system - desyslag foundation
    Cross Browsers
  • content management systems- - sri lankan government design system - desyslag foundation.pnng
    Content Management Systems
  • component library- sri lankan government design system - desyslag foundation
    Components Library
  • collaboration of community- sri lankan government design system - desyslag foundation
    Collaboration of Community
  • brand and identity- sri lankan government design system - desyslag foundation
    Brand and Identity
  • Brainstorming  Innovation- sri lankan government design system - desyslag foundation
    Brainstorming and Innovation
  • code testing- sri lankan government design system - desyslag foundation
    Code Testing
  • a-b testing- sri lankan government design system - desyslag foundation
    A/B Testing

A design system amplifies design-driven culture — it encourages people who work on the product to look beyond the building blocks and to think of the purpose of their design. The big picture that a design system imparts will lead to a better understanding of users and, ultimately, a better user experience. So,

  • All development agencies will be reused, so adhere, then users will be aware
  • All organisations around the government will be used and users will be floor the same, so consistency
  • Development cost will be reduced. Therefore, cost effective.

We are making a Design System for Sri Lanka government, so all government institutions will be used. All agencies will be used.

What is DeSySLaG…

This system (The Design System of Sri Lankan Government – DeSySLaG) provides a framework and a set of tools to help designers and developers build government products and services more easily, backed by user research.

The catalogue of reusable basic elements, components, and patterns for building websites and applications, along with guidance on how and when to use them. Based on best practices and principles.

DeSySLaG bundle will be the component library, WordPress, Joomla, Drupal themes and plugins for each theme, all available to agencies who start new site for the government.

Consistency

Collaborate

Speed

Higher quality

across all govt. websites
towards common goal
of deploying changes
with minimal tech debt

What is the Objective?

A design system amplifies design-driven culture — it encourages people who work on the product to look beyond the building blocks and to think of the purpose of their design. The big picture that a design system imparts will lead to a better understanding of users and, ultimately, a better user experience.

DS come in the form of surveying end-users to get a pulse on how people’s opinion might change, Focuses teams on experience and implementation – more time can be spent developing a positive user and customer experience, adopting widespread implementation and Style Guide Driven Development to ensure business value via optimal experiences out-of-the-box.

Provides a single source for building user interfaces (UI) – developers recognise the UI, even when the requirements are different for different clients

  • All development agencies will be reused, so adhere, then users will be aware
  • All organisations around the government will be used and users will be floor the same, so consistency
  • Development cost will be reduced. Therefore, cost effective.

 

User King

Agencies

Organisations

Budget

Features of DeSySLaG Design System

  • cognitive -- sri lankan government design system - desyslag foundation
    Cognitive Load
    whenever our cognitive load is greater than what our working memory can process, minds are at risk, due to limited processing capacity.…
  • tested - sri lankan government design system - desyslag foundation
    Testing
    is one way to help ensure that components and page level flows are accessible.…
  • accessibility - sri lankan government design system - desyslag foundation
    Accessible
    development by providing a set of semantically correct components, each with appropriate ARIA markup so they can be identified correctly to users of assistive technologies.…
  • component - sri lankan government design system - desyslag foundation
    Component Library
    the style guide has been fully translated into code, describing all elements and the components that include them, you have a ready-to-use component library.…
  • brand and identity - sri lankan government design system - desyslag foundation
    Brand & Identity
    the identity should be defined in line with the strategy and the objectives of the brand…
  • efficiency - sri lankan government design system - desyslag foundation
    Efficiency
    instead of repeatedly building similar components from scratch, Design Systems enable designers & developers to reuse components and thereby increase efficiency.…
  • consistent - sri lankan government design system - desyslag foundation
    Consistency
    introduce a shared set of principles and rules to build components. It becomes much easier to create consistent experiences across different platforms.…
  • scale - sri lankan government design system - desyslag foundation
    Scale
    increased efficiency and consistency lead a company to build faster products at scale.…
  • align - sri lankan government design system - desyslag foundation
    Alignment
    a Design System that responds to the needs of all platforms drives product alignment. Companies make sure their product is consistent on iOS, Android and web.…
  • speed-work - sri lankan government design system - desyslag foundation
    Speed
    a Design Systems provide a shared library of reusable components and guidelines. Building products becomes much faster.…
Cognitive Load

Cognitive Load

whenever our cognitive load is greater than what our working memory can process, minds are at risk, due to limited processing capacity.

Testing

Testing

is one way to help ensure that components and page level flows are accessible.

Accessible

Accessible

development by providing a set of semantically correct components, each with appropriate ARIA markup so they can be identified correctly to users of assistive technologies.

Component Library

Component Library

the style guide has been fully translated into code, describing all elements and the components that include them, you have a ready-to-use component library.

Brand & Identity

Brand & Identity

the identity should be defined in line with the strategy and the objectives of the brand

Efficiency

Efficiency

instead of repeatedly building similar components from scratch, Design Systems enable designers & developers to reuse components and thereby increase efficiency.

Consistency

Consistency

introduce a shared set of principles and rules to build components. It becomes much easier to create consistent experiences across different platforms.

Scale

Scale

increased efficiency and consistency lead a company to build faster products at scale.

Alignment

Alignment

a Design System that responds to the needs of all platforms drives product alignment. Companies make sure their product is consistent on iOS, Android and web.

Speed

Speed

a Design Systems provide a shared library of reusable components and guidelines. Building products becomes much faster.

DeSySLaG Team

Contribute to the Sri Lankan Citizens with training and awareness on technology related developments
and new concepts while transforming lives to enhance a part of the world’s.

Our vision is to improve technology that runs Sri Lanka by voluntarily helping the Government Digitally Transform join with ICTA.

Amila Sampath
Buddhi Prasan
Diliru Munasingha
Isuru Uthpala
Jayasanka Rodrigo
Lakshitha Jayaweera
1 2 4
Sandun Perera
Rumesh Amarasinghe
Lakshitha Jayaweera
Sameera Thilakasiri
Isuru Uthpala
Randika Madushan
Amila Sampath
Malika Dabare
Rasika Warnasuriya
Jayasanka Rodrigo
Buddhi Prasan
Niraj Malinga Meegama
Suresh Wenuka Godakanda
Osanda Deshan Nimalarathna
Diliru Munasingha
Pramod Ranasinghe
Niron Rasanjana Perera
Subodha Pathiraja
Maduranga Rathnamalala
Royan De Zoysa
Prabhath Darshana
Shanaka Chathuranga
Thilina Madushan
Sandun Perera

Sandun Perera

Senior Full Stack Engineer

I am working as Software Engineer at Virtusa. As a part of the Scrum team, I really passionate about Full Stack Development.

Rumesh Amarasinghe

Rumesh Amarasinghe

Software Engineer

Frontend developer for mobile and web applications. Typically design and build public-facing products. currently working as a software engineer at Ogivlymatech

Lakshitha Jayaweera

Lakshitha Jayaweera

Lead Frontend Engineer

My anticipation is for a challenging career to make use of the capabilities, strengths and experiences that I have by striving to achieve organisation’s goals and create mutual benefits.

Sameera Thilakasiri

Sameera Thilakasiri

Principal User Experience Architect

Certified Usability Analyst, User Experience enthusiast. A technically competent, eager learner who stays on top of fast-moving internet technologies savvy IT professional with more than nineteen years of the overall experience, in lecturing, engineering, team leading, public speaking, workshop.

Experienced with a vast number of projects handled and clients including, CITI Bank, BT, Philips, Alere, Network Rails, Lavastorm – Martin Dawes, OppenheimerFunds, UTC Fire & Security, Sri Lankan Air Lines, Jacob Bailey, DestinationCore, OnTrac.

 

Isuru Uthpala

Isuru Uthpala

Senior Full Stack Engineer

Fullstack Developer skilled and experienced in Angular 8+, Spring Boot, Nestjs and Express js. Enthusiastic engineering professional with a BSc special Computer Science and Technology from Uva Wellassa University of Sri Lanka.

Randika Madushan

Randika Madushan

Lead User Experience Designer

With five years’ of commercial experience in UI/UX working on a broad range of projects and clients, from start to finish, I bring a wealth of experience, creativity and industry knowledge to my work.
I produce professional designs with a particular attention to user-centered approaches within the digital sector, specifically in app and website design.
I’m passionate about constantly improving my skills, pushing myself and staying up to date with current and future software as well as trends.

I would love to be a part of a collaborative team that is passionate about learning, development and innovation.

Currently working as Senior UI/UX Designer at Pyxle

Amila Sampath

Amila Sampath

WordPress Expert – Consultant

Amila is expert in WordPress and working last 15 years and currently working fro Cenango.

Malika Dabare

Malika Dabare

Senior Full Stack Engineer

Simple Person who is doing Capital Works and currently working as Full Stack Developer.

Rasika Warnasuriya

Rasika Warnasuriya

Lead User Experience Designer

I am a UI/UX Engineer, iOS / Android App Designer, Web designer, Logo & Branding material designer, Concept Artist, Flash Animator & Illustrator.I am very unique & passionate individual who love to create cool , better looking UI/UX.

Jayasanka Rodrigo

Jayasanka Rodrigo

Senior QA Engineer

Currently working as a Quality Assurance Engineer at CodeGen International.

Buddhi Prasan

Buddhi Prasan

Senior User Experience Designer

Experienced User Experience Designer with a demonstrated history of working in the design industry. Skilled in SASS, AutoCAD, Photography, PHP, and WordPress. Strong engineering professional graduated from HNDIT.

Niraj Malinga Meegama

Niraj Malinga Meegama

Lead Drupal Expert – Consultant

After starting my career in 2010 January I have had the privilege of being a part of the best development teams plus leading in projects while having hands on experience with using cutting edge web based technologies, My experience in working with foreign and local clients like Yahoo, Sri Lanka Telecom, Oxfam International ..etc:- gave me the boost, knowledge and experience needed to lay a good foundation for my professional career to go ahead and fulfill my goal of becoming one of the top and leading professionals in the software development industry.

Suresh Wenuka Godakanda

Suresh Wenuka Godakanda

Senior User Experience

With a bachelor’s (spacial) degree in Computing & Information Systems & advanced knowledge with UI & UX, my goal is to contribute organisations to optimize software products with usability, user experience & visual design.

Currently working as UI / UX / Frontend Engineer at Pearson Lanka

Osanda Deshan Nimalarathna

Osanda Deshan Nimalarathna

Lead Automation Engineer

Associate Technical Specialist at Wiley | RPA Solution Architect | Automation Consultant | Automation Framework Developer | Open-source Contributor.

A highly focused Associate Technical Specialist experienced in a variety of automation and engineering positions. Organised, methodical and a keen eye for detail results in solid coding and trustworthy automation scripting. Understanding client requirements and communicating the progress of projects are core values in achieving long lasting business relationships.

Diliru Munasingha

Diliru Munasingha

Senior Frontend Engineer

A full Stack Developer who specialized in Java and JavaScript technologies across the whole stack (SpringBoot , React). Experience building complete web applications with backend API systems.

Pramod Ranasinghe

Pramod Ranasinghe

Senior Software Engineer

My primary goal is to apply my technical expertise all throughout the full software life cycle to ensure production and delivery of products and services that meet client specifications. Along with a competent software developing team, and with strong personal knowledge, skills, and experience in software engineering,

I am positive that this goal can be achieved.One of my objectives is to keep updated with the latest IT trends and technologies. I am confident that if given the opportunity, I can be a useful talent to the company.

Niron Rasanjana Perera

Niron Rasanjana Perera

Lead Test Engineer

Currently working as Senior Software Engineer at WSO2

Subodha Pathiraja

Subodha Pathiraja

Principal Design Lead

Enthusiastic & knowledgeable Technical Leader with ability in full-stack development and consultancy who incorporates objectives for new project plans and releases. Skilled in React, SPA, PHP, WordPress, Magento, User Interface Design, XHTML, CSS, SASS, LESS, and jQuery. Brings a master’s degree in Computer Information Systems along with eleven years of high-level experience working with major companies.

Maduranga Rathnamalala

Maduranga Rathnamalala

Principal Social Media Strategist

Currently working as a Software Engineer at Mitra Innovation and he is Back End Developer of DestinationCore, Ipswich, England.

Royan De Zoysa

Royan De Zoysa

Senior Software Engineer

Currently working as Software Developer at Kindertons Group

Prabhath Darshana

Prabhath Darshana

Senior Software Engineer

Currently working as Full Stack Engineer at HUUBAP

Shanaka Chathuranga

Shanaka Chathuranga

Senior Frontend Engineer

Currently working as a Freelance Full-Stack developer

Thilina Madushan

Thilina Madushan

Lead Frontend Engineer

Currently working as Senior Software Engineer, Inova IT Systems. Senior software engineer with more than 7 years of professional experience. Holding HNDIT Graduate Diploma which is equal to 3 Year UK honors degree in IT.

PHP – Laravel, Symfony, Codeigniter, Yii, Cake, WordPress, Lumen, JavaScript – Vanilla JS, JQuery, NODE JS, Angular JS , Angular 4, TypeScript, React JS, Graphql, REST, Soap, Mysql, Postgresql, Mongodb, Elasticsearch Micro services, Web development, SAAS, Enterprise software development & full stack development skills.

Testimonials

  • Subodha Pathiraja – Principal Design LeadSubodha Pathiraja – Principal Design LeadI’m playing my dream role, few years ahead.

    Large open source committers working towards DeSySLaG Design System. I was given ownership of all the designs including templates. I think it’s not an easy because, all users first look is design. We can do together.

  • Osanda Deshan Nimalarathna – Lead Automation EngineerOsanda Deshan Nimalarathna – Lead Automation EngineerQuality is key of a product

    I have worked on many FOSS, but DeSySLaG is going to be different, once ready to user it will be all over the Sri Lanka and all Sri Lankan will be used. So there is huge meaning to work.Thats the appropriation token. Lets work hard to own that honer!

  • Maduranga Rathnamalala – Principal Social Media StrategistMaduranga Rathnamalala – Principal Social Media StrategistGreat opportunity that I was given

    I’m proud and happy to be part of this great team. First time I’m playing such a responsible role, I’m exiting and challenging. Entire team work for a goal, its common. so let’s wait to polish the diamond! my wishes to entire DeSySLaG team.

Blog

  • UK - government design system
    Delivering the first government design system – UK
    In 2018 I established the GOV.UK Design System to ensure all UK government services are designed consistently. Building on the work that the cross-government community had built previously, [ more... ]
  • plug n play- sri lankan government design system - desyslag foundation
    GDS Design – Government Design System
    What is GDS Framework? The Government Design System (GDS) Framework is a set of styles, components, and patterns that allow GOV.UK services to remain consistent and reuse research or work that [ more... ]
  • Government Organisations- sri lankan government design system - desyslag foundation
    Design systems make government better
    Governments around the world want to accelerate their digital transformation to offer simpler access to citizen services online and earn trust with effective solutions. This includes things like [ more... ]

Contact

    DeSySLaG Foundation email : desyslag at gmail dot com

    Sri Lankan Citizens

    Map