Designware Product Design
Designware, a no-code web creation platform. As a design team member we collaboratively created a design system, UI component, interface prototypes and component specification sheets.
Project Overview
No-code web and app creation platform design
DesignWare Product Design
Designware was designed as a no-code web and app building platform. As part of the small design team, we worked together to create a design system, components, and dashboard prototypes in Figma.
- Design a no-code web and app platform positioned competitively in the market
- Design high quality components that are clean, simple and intuitive
- Create a product that meets the needs and desires of its target users, providing a positive and enjoyable experience.
- Product designer
- UI designer
- UX design and strategist
- Accessibility Compliancy
- Adobe XD
- Figma
- Adobe Photoshop
Design System
Ready-to-go visual elements as the go-to when for specific elements and the design system as the coordination of design elements as a whole.
Design System & Style Guide
Designware’s design team collectively created a complete set of standards to manage designs at scale using reusable components and patterns
Dropdown menu component
Project card component
Delete modal component
Dashboard Concepts
Bringing components and system together into dashboard visualizations and prototypes.
Dashboards & Prototyping
Piecing all the components together into a full dashboard.
New project card view dashboard
Media viewer dashboard
Content management system dashboard
Specification & Documentation
Component spec sheets for developer handoff guidelines and techniques.
Component Specification Documentation
Created component specifications for key elements to streamline the individual expectations for developers.
Caption and description for visuals
Caption and description for visuals
Explainer Video
Bonus material!
A DesignWare Explainer Video. Edited, and produced by yours truly, ME.