Hapibot Studio

We design, develop and turn your ideas into amazing websites and apps customers love. Visit us at: hapibot.com

android design, front-end development, illustrations, ios design, mobile, motion graphics, product design, ui, ux

App Design System Freebie — We’re happy to to kick off the new year with an App Design System Freebie for Sketch.app! The set is under a royalty free license for personal use. The app that serves as a base for this library was built to help people find sport buddies and groups with similar sport preferences. It enables you to expand your network, meet new friends, meet locals while traveling and find your buddies amongst ...
Health Business Dashboard — Here's another shot of our business back office dashboard for a nutraceutical company. This time we've shared the main page where we present all the analytics related to users, supported apps and trends. The top filters control which apps will be presented and its corresponding data and metrics. The main challenge in this project was to create a dynamic and flexible tool, easily adapted to the...
Health Business Dashboard — Our client develops and manages several individual nutraceutical mobile applications for each of their products. To manage high-amounts of data, we designed and developed a back office that allows them to track business analytics, manage users and define general app information. Today we are sharing the user management system which will allow the company to have a detailed view on their users ...
Healthcare Consulting Website — Here’s the follow up for the Healthcare Consulting Website we’re currently doing a redesign of. What’s also a follow up is the push for a colorful and friendlier tone in a service area that isn’t mostly known for those exact characteristics. So as a team, we couldn’t be happier. It’s always great to work with a client that allows us to be creative and break the mold. Doctor Twinkie is now re...
Healthcare Consulting Website — Here’s our first shot for the re-design of a Healthcare Consulting Website. Our Client prioritizes strong and approachable relationships with their public. So, our newest design was thought out and executed to have a friendlier tone. With this visual stance and the cute but professional mascot added to the mix, our client ends up having a distinctive web presence when compared to the competit...
VIP Booking App — Here’s the final study for the VIP Booking app project. The application empowers users to easily book a VIP table anytime, anywhere. Let the club know in advance how many people will be using your booked table, pick the bottles of your all-time favorite drink while avoiding queues and define how many bracelets you’ll need for your invited group of friends. What’s more? Each club has its own Q...
VIP Booking App — Following up on the VIP Booking app project, here is the Wallet section where saved, past and upcoming events are listed. Users are able to remove previously saved events, check reservation details of past bookings and access the information and QR code for upcoming reservations. Thanks for watching! Last time we’ve invited you to party like it was 1999, but that has come and gone so today it...
VIP Booking App — Here’s our first shot of a study we’re doing for a VIP Booking app for Nightclub fans and party goers. The application empowers users to easily book a VIP table anytime, anywhere. With a large database of nightclubs around the world, users will have no problem connecting, exploring and finding what’s happening in their city, discovering new events to attend to, set favourites and finding abou...
Real Estate Website — Our first shot for a new Real Estate Website we’re designing and developing. This website shows to potential stakeholders what our Client Company has to offer in three areas: Management, Promotion, and Patrimony Rehabilitation. The brush strokes that serve as masks for the photos of the investment properties and the cities they’re located in, were thought out to counter a design that had the ...
Reading App — Here’s the final study for the reading app. This time presenting some of the transitions between the different screens and the micro-interactions within. As with everything that we do, the animations needed to be functional and serve a purpose, showing the true nature of the app and giving instant feedback of what’s going on. Otherwise, the user would get tired right after the first moment of ...
Reading App — Following up on the reading app project, today we have the shop and the user’s collection screen. The app allows the users to read a book sample, see the reviews that reading peers have given to the book and, suggestions to books the user may also like. As for the user’s collection page, according to the filter the user chooses, they’ll be able to check which books are in progress and the res...
Reading App — Here’s our first study for a book reading app that enables users to collect, buy and read e-books, magazines or other text-based digital media. The main goal is to deliver a comfortable reading experience which is achieved by all the features that are available in reading mode. The users are free to highlight, annotate and share any part of the book, control the font size, add bookmarks and re...
Mobile and In-Game Animation — Here’s one of the animations in detail for a website we’ve designed and developed for a global mobile and in-game advertising company. In this particular animation, we represent an interactive experience of a playable add, that is constantly sending important usage metrics to the game developers. Hope you enjoyed it, thanks for viewing! As always, don’t forget to Like and Follow (L and F key...
Wella Kiosk Chatbot | Case Study — We were recently invited to design and develop the new Wella Chatbot Kiosk Experience. Emma, Wella’s Professional Virtual Assistant will be the newly established customer support presence in many hair product stores across the globe. Designing a conversational UI running in a kiosk faced a huge layout and user experience challenge - and we’re excited to share with you the entire project. Chec...
Gantt Chart Timeline — We're back with a new snapshot of our work for the collaborative platform for industrial and 3D printing. Today we are sharing the Gantt chart timeline which will allow the user/company to have a comprehensive view on the progress of all the company's ongoing and future printing projects. Hope you enjoyed it, thanks for viewing! There will be more shots regarding this project so don’t forget ...
Blockprint Dashboard Elements — As you'll probably already know, we've been working for some time on a new web platform and dashboard for a collaborative network directed at industrial and 3D printing while connecting potential clients with a global map of manufacturers (individuals and companies). Today we're sharing a snippet of elements and overall style of the dashboard. We always strive for direct, usable and understand...
Homepage for Digital Services Website — For this specific shot you can see the landing section of the homepage which sets the tone for the remaining of the website. The overarching idea for the look and feel of this website was to use a clean canvas in which we could easily feature the client’s services and advantages through the employment of bold illustrations and colours. Check here our previous shot with some of the icons. We h...
Icons for Digital Services — A range of simple illustrations we put together for a forthcoming website. The company offers digital services for online shops, based on three core areas: online marketing, sales and storage. A box shape is our master element used throughout the various illustrations. As always, don’t forget to show your love, hit “L” or follow us!
Media Coverage Section — Continuing with the Blockchain landing page, today we’re sharing the media section of the website. The ramifications and publicity that occur through various media channels are vital to the health of a successful ICO. Investors and enthusiasts are incentivized to produce articles and videos as a way to publicise the ICO, spreading the reach of the product and attracting more potential investor...
ICO Landing Page - Countdown — A first glance at the ICO landing page for a blockchain project we’ve been designing for some time. We’re very excited to be working together with this partner to bring to fruition “The Blockchain” that will be the first peer-to-peer network able to connect private and professional manufacturers to their clients by mapping global manufacturing offers. An ICO is usually characterized by differe...
Sport Matching App — Here’s our fourth shot for the sports matching app built for Android and iOS. This app is designed for sports fans to find any buddy or group that have similar sport preferences. This way when users choose a sport they have to answer a few questions so that the app can show them the partners that fit best their preferences. There are general questions, like level and training scheduling, and cu...
Sport Matching App — Here’s our third shot for the sports matching app built for Android and iOS. When you visit someone’s profile you’ll find on the top of the screen the users’ identification - name, age, distance they are from you, a personalized description and common friends. On the second section you’ll see which are the sports that the potential buddies are active in, as well as their subscribed clubs and i...
Sport Matching App — Here’s our second shot for the sports matching app built for Android and iOS. Powered by cutting edge matchmaking technology, the app enables you to expand your network, meet new friends, meet locals while traveling and find your buddies amongst many sports and clubs. Join existing groups or have the power to create your own, scheduling sport practice sessions. We truly believe that this is an...
Sport Matching App — We’re so proud to announce a sport matching app for Android and iOS we are developing. The App was built to help people find sport buddies and groups with similar sport preferences. The logo is an invaluable asset for the company visual identity. The “S” is more than just the initial letter of the name. It conveys motion and an active posture. Placing the “S” inside a frame produces the perfec...

← Prev Next →

or sign in

Loading more…