#grayscale");-webkit-filter:grayscale(0)}.demos a img{width:100%;height:auto}.demos a img{filter:url("data:image/svg+xml;utf8,#grayscale");filter:gray;-webkit-filter:grayscale(100%);-webkit-backface-visibility:hidden;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}.demos a h4{display:block;text-align:center;text-decoration:none;font-size:.9em;font-weight:200;text-decoration:none!important;background:#333336;color:#fff;padding:.5em;margin:0}.breadcrumbs{display:none}.tmpl-404 main{min-height:667px;background-image:url(/images/404.jpg);background-size:cover;background-position:center top;max-width:100%;text-align:center;padding:60px 20px}.tmpl-404 main h1,.tmpl-404 main h2,.tmpl-404 main h3{color:#fff}.tmpl-404 main a{color:#fff}@media only screen and (max-width:860px){.g .tile h3{font-size:1.4em}}@media only screen and (max-width:768px){#levelmeters{height:180px}.animation{height:160px}.g .tile .icon.icon-56:before{font-size:48px}.g .tile .icon{display:block;width:48px;margin-left:calc(50% - 24px);padding-bottom:10px}.g .tile .icon.aes70:before{font-size:140px;margin-bottom:-25px}.g .tile .icon.aes70{width:110px;margin-left:calc(50% - 55px)}.g .tile .icon.deuso{width:128px;margin-left:calc(50% - 64px)}.g .tile .icon.deuso:before{margin-bottom:-15px}.g .tile h3{font-size:1.3em}.g.protocols a:hover .tile{color:#a1a192;transition:all .5s}}@media only screen and (max-width:725px){nav{font-size:.95rem}header{margin:0;width:calc(100% - 0px);opacity:1;border:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.homepage header{padding:0}main{max-width:640px}.homepage main{max-width:100%;margin:0;background-color:#333}.homepage .teaser.dark{padding-top:37px}.homepage section.dark,.homepage section.light{margin:0}main.taller{padding-top:120px}footer,main article{width:100%}aside.col3 ul{column-count:2}.visual-design.package-options div{width:calc(100% - 0px)}.visual-design.package-options div:nth-child(2n){margin-left:0}h1{font-size:3em}h2{font-size:2em}h3{font-size:1.5em}h4{font-size:1.3em}}@media only screen and (max-width:667px){main{max-width:590px}aside ul,aside.col3 ul{column-count:1}}@media only screen and (max-device-width:667px) and (orientation:landscape){article p{font-size:.85em}.imprint p{font-size:.75rem}.slogan h1{margin-bottom:.25em}h1{font-size:3em}h2{font-size:2em}.slogan h3,h3{font-size:1.8em}h4{font-size:1.7em}}@media only screen and (max-width:666px){body.show{padding-top:0}main p{line-height:1.75em}main,main.taller{padding-top:80px}.show main,.show main.taller{padding-top:40px}.homepage header,header{margin:0;width:calc(100% - 0px);opacity:1;border:0;position:initial;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}header .deuso-logo{z-index:101;background-color:#333}header .nav-toggle{display:block;background-color:#333;width:100%;height:48px;position:fixed;top:0;left:0;margin:0;padding:0;z-index:100;cursor:pointer}header div.nav-toggle:before{content:"";display:block;background-color:#fff;border-top:3px solid rgba(255,255,255,1);border-bottom:3px solid rgba(255,255,255,1);background-clip:content-box;padding:5px 0;height:3px;width:20px;position:fixed;top:0;right:0;margin:12px;z-index:102;cursor:pointer;transition:transform .5s}body.show header div.nav-toggle:before{transform:rotate(90deg);transition:transform .5s;border-top:3px solid rgba(255,255,255,0);border-bottom:3px solid rgba(255,255,255,0)}nav>ul{padding-top:43px;display:none}body.show nav ul{display:block;visibility:visible;opacity:1}nav ul{height:initial}nav a{padding:0 6px;line-height:42px}nav ul ul{margin-top:0}nav a,nav ul li,nav ul ul li{text-align:left;display:block}nav ul li:first-child>a{border-top:1px solid #444}nav ul li ul li:first-child>a{border-top:0 solid #444}nav a{border-bottom:1px solid #444;padding:0 10px}.active.arrow:before{content:""}nav ul li ul{position:relative;text-align:left;top:initial;right:initial;background:0 0;width:auto;height:auto;color:#a1a192;border-bottom:0}nav ul li ul li a{color:inherit;text-indent:15px;font-size:.9em}nav ul li ul a:hover{color:#fff;transition:none}nav a.active{position:initial;color:#fff}nav ul li ul li a.active{color:#fff}.grid{padding-top:5px;padding-left:5px}.grid .g{float:left;width:calc(50% - 5px);display:block;margin-bottom:5px;margin-right:5px}.grid .g:nth-child(3n+3){margin-right:5px;float:right}.grid .g.software-partner{float:right}.grid .g.ui-visual-design{width:calc(100% - 5px)}.general-links .g{position:relative;padding-top:calc(50% - 5px);background-color:#333}.fasttrack-links .g{height:50px;width:calc(50% - 5px);text-align:center;line-height:50px}.fasttrack-links .icon:before{padding-right:10px}.fasttrack-links .icon.icon-40:before{font-size:32px}.g.fiddle{display:none}.g.protocols a .tile{background-color:#333;color:#fff}.g.aes70 a .tile.dark,.g.software-partner a .tile.dark{background-color:#a1a192;color:#333}.slogan h1,.slogan h2,.slogan h3,h1,h2,main{text-align:left}.homepage .slogan h1,.homepage .slogan h2,.homepage .slogan h3{text-align:center}.homepage .slogan{font-size:.85em}.homepage .teaser.dark{padding-top:85px}main article>ul li:before{font-size:90%}aside.people>div{float:none;width:calc(100% - 0px);margin-right:0}.aes70.package-options div{width:calc(100% - 0px)}.aes70.package-options div{margin-left:0}.aes70.package-options div:nth-child(2n){margin-left:0}.breadcrumbs{display:block;margin-top:-20px;padding-bottom:20px}.breadcrumbs nav{font-size:12px;line-height:12px;padding:0 0}.breadcrumbs nav a{font-size:12px;border-bottom:0;line-height:12px;padding:0 0;display:inline-block;color:#333}.breadcrumbs nav a:hover{color:#333}.tmpl-404 main{min-height:507px;background-image:url(/images/404.jpg);background-size:cover;background-position:center top;max-width:100%;text-align:center;padding:30px 20px}.tmpl-404 main h1,.tmpl-404 main h2,.tmpl-404 main h3{color:#fff;text-align:center}.tmpl-404 main a{color:#fff}}@media only screen and (max-width:580px){main{max-width:540px}main p{line-height:1.75em}.homepage .slogan{font-size:.75em}}@media only screen and (max-device-width:480px) and (orientation:landscape){h4{font-size:150%}}@media only screen and (max-width:414px){body.homepage{font-size:14px}.homepage .slogan{font-size:1em}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}.g .tile .icon.icon-56:before{font-size:36px}.g .tile .icon{display:block;width:36px;margin-left:calc(50% - 18px);padding-bottom:0}.g .tile .icon.aes70:before{font-size:160px;margin-bottom:-25px}.g .tile .icon.aes70{width:130px;margin-left:calc(50% - 65px)}.g .tile .icon.deuso{width:128px;margin-left:calc(50% - 64px)}.g .tile .icon.deuso:before{margin-bottom:-15px}}@media only screen and (max-width:320px) and (orientation:portrait){.g .tile .icon.aes70:before{font-size:130px;margin-bottom:-25px}.g .tile .icon.aes70{width:110px;margin-left:calc(50% - 55px)}.web-channels a:before{font-size:2em}main p{line-height:1.75em}.homepage .slogan{font-size:1em}}
Beautiful User Interfaces
One look & feel on all devices
Visual designs emerge from a process which involves communication, planning and testing. Beautiful visual designs may look like works of art but they must also adhere to the business objectives of products and support a harmonious user experience. DeusO's unique combination of technical understanding, development methodologies and creative skills can lift your UI's visual design to a new standard.
UI design with web-based technologies
DeusO's visual design service includes support for combining UX design decisions directly into great looking functional UIs. We use AWML/Toolkit as the user interface framework for fast tracking the underlying requirements of a working visual design. AWML/Toolkit provides a cost-effective way to test multiple visual designs, in working prototypes, across a diverse range of devices.
Combined with the natural compatibility of agile development environments, the overall UX/UI design process is aided by delivering speedy results and potential for rapid user feedback. It is through these flexible prototyping solutions that we help reduce design risks, ie. regular comparison testing and field testing to prove a visual design's effectiveness. With this flexible approach to UX/UI design, we aim to meet layout and visual expectations while not compromising on quality or product viability.
UI Design Services - Options
Themes & Pattern Libraries
Generating templates and skins for reuse and configuration over time is a fundamental part of our visual design services. Where your adoption of AWML/Toolkit is conducted primarily in-house, some auxiliary creative input from our team can bring visual impact and usability to already functional user interfaces.
UI Prototypes
AWML/Toolkit is an ideal widget and layout prototyping framework. A good web developer is already equipped with the skills needed to create working AWML/Toolkit prototype user interfaces.
To test integration of widgets and hardware, a protocol integration is needed.
Integrated UI Prototypes
By integrating AWML/Toolkit with a protocol, the framework's resulting UIs control devices out of the box and contain production ready widgets.
For projects intending to deliver web interfaces, or even experimental projects, this option presents the agile UX designer a dream combination of tools.
Possibilities include functional A/B user testing of UX concepts, to production ready applications for just-in-time distribution in pro audio product lines.
AES70.js is an ideal controller protocol which will connect AWML/Toolkit UIs to supported hardware directly or over a network.
UX/UI Design Leadership
As part of DeusO's full development service we deliver complete-package web-based control applications. This includes back-end integration and UX/UI Design leadership.
UX/UI Design Leadership involves a combination of product definition, planning, R&D, visual design, architecture design, and technical specification to formulate a complete project outline. This guides development, deployment and sustainable operation.
The partnership option offers your project a team of experienced web pioneers with years of experience in delivering full-stack web based products.