Water bar app UX & UI Design

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8" /> <meta name="description" content="Water bar app UX & UI Design, Digital identity, styleguide, app design, Ongoing Product design" />  <meta property="og:type" content="website" /> <meta property="og:site_name" content="Deniel Chen - UI Design Boutique"/> <meta property="og:title" content="Water bar app UX & UI Design" /> <meta property="og:description" content="Water bar app UX & UI Design, Digital identity, styleguide, app design, Ongoing Product design" /> <link rel="canonical" href="https://www.danielchen.co.il/client/tami-4/" /> <meta property="og:url" content="https://www.danielchen.co.il/client/tami-4/" /> <meta name="viewport" content="width=540, user-scalable=0, minimal-ui" /> <title>Water bar app UX & UI Design</title> <link rel="icon" href="https://www.danielchen.co.il/wp-content/themes/daniel_chen/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="https://www.danielchen.co.il/wp-content/themes/daniel_chen/favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="https://www.danielchen.co.il/wp-content/themes/daniel_chen/style.css"> <link href='https://www.danielchen.co.il/wp-content/themes/daniel_chen/css/style.min.css?v=1.2.9' rel='stylesheet' type='text/css'> <link href='https://www.danielchen.co.il/wp-content/themes/daniel_chen/css/dc.min.css?v=1.2.9' rel='stylesheet' type='text/css'> <link rel="pingback" href="https://www.danielchen.co.il/xmlrpc.php">  <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-65983127-1', 'auto'); ga('send', 'pageview'); </script> <script> var siteBaseUrl = 'https://www.danielchen.co.il'; var templateDir = 'https://www.danielchen.co.il/wp-content/themes/daniel_chen'; </script> </head> <body class="" onLoad="loadVideo();"> <div id="wrapper" class=""> <header> <nav id="projects-menu"> <ul> <li><a href="https://www.danielchen.co.il" class="pg-anim pg-center">Home</a></li> <li><a href="https://www.danielchen.co.il/client/anybook/" class="pg-anim pg-right">Anybook</a></li> <li><a href="https://www.danielchen.co.il/client/u-splash-resort/" class="pg-anim pg-right">U Splash Resort Hotel Eilat</a></li> <li><a href="https://www.danielchen.co.il/client/bookit/" class="pg-anim pg-right">Bookit </a></li> <li><a href="https://www.danielchen.co.il/client/holisto/" class="pg-anim pg-right">Holisto</a></li> <li><a href="https://www.danielchen.co.il/client/tami-4/" class="pg-anim pg-right">Tami 4 </a></li> <li><a href="https://www.danielchen.co.il/client/master/" class="pg-anim pg-right">master</a></li> <li><a href="https://www.danielchen.co.il/client/el-al/" class="pg-anim pg-right">EL AL</a></li> <li><a href="https://www.danielchen.co.il/client/bit/" class="pg-anim pg-right">bit</a></li> <li><a href="https://www.danielchen.co.il/client/electra/" class="pg-anim pg-right">Electra Smart</a></li> <li><a href="https://www.danielchen.co.il/client/ezsave/" class="pg-anim pg-right">EZsave Branding</a></li> <li><a href="https://www.danielchen.co.il/client/herods/" class="pg-anim pg-right">Herods Hotels</a></li> <li><a href="https://www.danielchen.co.il/client/hulyo/" class="pg-anim pg-right">Hulyo</a></li> <li><a href="https://www.danielchen.co.il/client/maariv/" class="pg-anim pg-right">Maariv Online</a></li> <li><a href="https://www.danielchen.co.il/client/movez/" class="pg-anim pg-right">MOVEZ</a></li> <li><a href="https://www.danielchen.co.il/client/pickpack/" class="pg-anim pg-right">pickpack</a></li> <li><a href="https://www.danielchen.co.il/client/radwin/" class="pg-anim pg-right">Radwin</a></li> <li><a href="https://www.danielchen.co.il/client/sirin-labs/" class="pg-anim pg-right">Sirin Labs</a></li> <li><a href="https://www.danielchen.co.il/client/strartups/" class="pg-anim pg-right">Startups</a></li> <li><a href="https://www.danielchen.co.il/client/supermarket-hazi-hinam/" class="pg-anim pg-right">Supermarket 讞爪讬讞讬谞诐</a></li> <li><a href="https://www.danielchen.co.il/client/the-jerusalem-post/" class="pg-anim pg-right">The Jerusalem Post</a></li> <li><a href="https://www.danielchen.co.il/client/tmi/" class="pg-anim pg-right">TMI</a></li> <li><a href="https://www.danielchen.co.il/client/triplan/" class="pg-anim pg-right">TRIPLAN</a></li> <li><a href="https://www.danielchen.co.il/client/zap-rest/" class="pg-anim pg-right">Zap-Rest</a></li> <li><a href="https://www.danielchen.co.il/client/fattal-hotels/" class="pg-anim pg-right">Fattal Hotels</a></li> <li><a href="https://www.danielchen.co.il/client/dc-fintech-lab/" class="pg-anim pg-right">Complex Systems Design</a></li> <li><a href="https://www.danielchen.co.il/client/929/" class="pg-anim pg-right">929 转谞"讱讘讬讞讚</a></li> <li class="menu-contact"><a href="#contact">Contact Us</a></li> </ul> <a id="logo" href="https://www.danielchen.co.il" class="pg-anim pg-center montserrat"> <span class="logo-text word1 letter1">D</span> <span class="logo-text word1 letters">aniel</span> <span class="logo-text circle"> </span> <span class="logo-text word2 letter1">C</span> <span class="logo-text word2 letters">hen</span>  </a> <a class="logo-cover" href="#"><img src="https://www.danielchen.co.il/wp-content/themes/daniel_chen/images/spacer.gif" alt="Back to top" /></a> </nav> <a class="header-project-link prev pg-anim pg-left" href="https://www.danielchen.co.il/client/holisto/" title="Holisto"> <img src="https://www.danielchen.co.il/wp-content/uploads/2022/12/white.png" alt="Holisto" /> </a> <a class="header-project-link next pg-anim pg-right" href="https://www.danielchen.co.il/client/master/" title="master"> <img src="https://www.danielchen.co.il/wp-content/uploads/2023/08/master-1.png" alt="master" /> </a> </header> <a class="round-bt contact" id="contact-bt" href="#contact" title="Contct Us"><img src="https://www.danielchen.co.il/wp-content/themes/daniel_chen/images/spacer.gif" alt="Contact Us"/></a> <div id="page"> <div class="page"> <div id="header-placeholder"></div> <section id="client-main"> <div class="center client-logo"> <img src="https://www.danielchen.co.il/wp-content/uploads/2023/04/Group-65.png" alt="Tami 4 " /> </div> </section> <section class="client-project bg-full" style="background-color:; background-image:url('');"> <div class="center client-project-images cols-1"> <div class="client-project-image"> <img src="https://www.danielchen.co.il/wp-content/uploads/2023/04/water-bar-devices-2.png" alt="" class="" /> </div> </div> </section> <section id="client-main2"> <div class="center client-logo"> <h1 class="montserrat">Water bar app UX & UI Design</h1> <p>Including:<br />Water bar app UX & UI Design, <br />Digital identity & Style Guide, App design, <br />Ongoing Product design & Consulting</p><p></p> </div> </section> <section class="client-project bg-full" style="background-color:; background-image:url('');"> <div class="center client-project-images cols-3"> <div class="client-project-image"> <img src="https://www.danielchen.co.il/wp-content/uploads/2023/04/app-widgets-iot-ux-ui-1.png" alt="" class="" /> </div> <div class="client-project-image"> <img src="https://www.danielchen.co.il/wp-content/uploads/2023/04/daily-drink-app-ux-1.png" alt="" class="" /> </div> <div class="client-project-image"> <img src="https://www.danielchen.co.il/wp-content/uploads/2023/04/Make-drink-app-ux-1.png" alt="" class="" /> </div> </div> </section> <section class="client-project bg-full" style="background-color:; background-image:url('');"> <div class="center client-project-images cols-3"> <div class="client-project-image"> <img src="https://www.danielchen.co.il/wp-content/uploads/2023/04/Pairing-App-UX.png" alt="" class="" /> </div> <div class="client-project-image"> <img src="https://www.danielchen.co.il/wp-content/uploads/2023/04/Main-widgets-ux-1.png" alt="" class="" /> </div> <div class="client-project-image"> <img src="https://www.danielchen.co.il/wp-content/uploads/2023/04/Add-a-drink-app-ux-1.png" alt="" class="" /> </div> </div> </section> <section class="client-project bg-full" style="background-color:; background-image:url('');"> <div class="center client-project-images cols-1"> <div class="client-project-image"> <img src="https://www.danielchen.co.il/wp-content/uploads/2023/04/icons.png" alt="" class="" /> </div> </div> <div class="client-project-text "> <p> </p> </div> </section> <br /> <br /> <section id="projects"> <div class="center center-text"> <a href="https://www.danielchen.co.il/client/master/" class="projects-link pg-anim pg-right">N E X T</a> <div class="projects-instructions"> <p>Click the arrows at the upper corners of your screen, <br />or use the arrows on your keyboard < ></p> </div> </div> </section> <div id="footer-placeholder"></div> <footer> </footer> </div> </div> <div id="black"> <a href="#back" id="black-bg"><img src="https://www.danielchen.co.il/wp-content/themes/daniel_chen/images/spacer.gif" alt="Close window" /></a> <div id="black-content">  <div class="window window-contact"> <a class="window-close" href="#back"> </a> <form name="contact-form" id="contact-form" class="contact-form montserrat" method="post" successFunc="onFormSuccess"> <div class="contact-icons"><img src="https://www.danielchen.co.il/wp-content/themes/daniel_chen/images/contact-icons.png" alt=""/></div> <h2>Contact me and boost your product design process, starting NOW</h2> <div class="form-field"> <label for="contact_name">Name:</label> <input type="text" id="contact_name" name="name" validate="text" errClass="err" okClass="ok" errElem="c_name_error" /> <div class="form-field-error" id="c_name_error"><span>Please specify your name</span></div> </div> <div class="form-field"> <label for="contact_email">Email:</label> <input type="email" id="contact_email" name="email" validate="email" errClass="err" okClass="ok" errElem="c_email_error" /> <div class="form-field-error" id="c_email_error"><span>Invalid email address</span></div> </div> <div class="form-field"> <label for="contact_phone">Phone:</label> <input type="text" id="contact_phone" name="phone" validate="phone" errClass="err" okClass="ok" errElem="c_phone_error" /> <div class="form-field-error" id="c_phone_error"><span>Invalid phone number</span></div> </div> <div class="form-field area"> <label for="contact_message">What's on your mind:</label> <textarea name="message" id="contact_message" validate="text" errClass="err" okClass="ok" errElem="c_message_error"></textarea> <div class="form-field-error" id="c_message_error"><span>Please specify your request</span></div> </div> <div class="form-sep"></div> <div class="form-field submit"> <a href="javascript:;" class="form-submit"><span>Send</span><span>Send ></span></a> <input type="hidden" name="action" value="contact" /> <input type="hidden" name="service" value="contact" /> <input type="hidden" name="to" value="danchhh AT gmail.com" /> <input type="hidden" name="lang" value="en" /> <input type="hidden" name="dir" value="ltr" /> <input type="hidden" name="title" value="Daniel Chen - Website Contact" /> </div>  <div class="form-text"> <p> </p><p> </p> </div> </form> <div class="form-result">Thank you.<br /></div> </div>    </div> </div> </div> <script type="text/javascript" src="https://www.danielchen.co.il/wp-content/themes/daniel_chen/js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="https://www.danielchen.co.il/wp-content/themes/daniel_chen/js/jquery.address-1.4.min.js"></script> <script type="text/javascript" src="https://www.danielchen.co.il/wp-content/themes/daniel_chen/js/socialObj.min.js?v=1.2.9" charset="utf-8"></script> <script type="text/javascript" src="https://www.danielchen.co.il/wp-content/themes/daniel_chen/js/formSetup.min.js?v=1.2.9" charset="utf-8"></script> <script type="text/javascript" src="https://www.danielchen.co.il/wp-content/themes/daniel_chen/js/dc.min.js?v=1.2.9" charset="utf-8"></script> </body> </html>

CINXE.COM

Water bar app UX & UI Design