You + Bushidō (武 士道), literally "the way of the warrior", is a
Transcription
You + Bushidō (武 士道), literally "the way of the warrior", is a
You + Bushidō (武⼠士道), literally "the way of the warrior", is a Japanese word for the way of the samurai life, loosely analogous to the concept of chivalry. Digital Production Youshido About us Youshido a passionate quest for digital innovation We do our best to enforce innovation into all of our projects which makes the digital field develop and our clients stand out among their competitors. x Youshido collaborates with the great brands and companies all over the world 20 Our team consists of 20 on-site workers 8 We have over 8 years of experience in digital production Approach Innovation & technology Management Support We constantly research into the latest technological innovations and reconsider the tools that we have been using for some time now. It is very important for us and the projects that we make. In managing our clients we have elaborated our own approach that allows us be adaptive to various project conditions. It includes being flexible when we receive incomplete data/design, making preproduction estimation of the project and adjusting the process of working on the project if needed, depending on the results of such estimation. We always support our projects after their launch. There is a dedicated group of our experts whose job is to react quickly to the questions of our clients and make the product work to its full potential. Current clients Agencies Reliable digital partner Startups Innovation and development partner Helper Services Research & Development Programming UX&Design Support Main areas WEB DEVELOPMENT MOBILE DEVELOPMENT INNOVATIONS & PHYGITAL promo projects & campaigns brand applications HTML5 & Javascript animation and graphics corporate sites photo & video applications video & photo sites social network applications web & marketing applications phygital integration e-commerce projects augmented reality Process Collaboration with a client Doing research Describing the tasks Estimating the term Estimating the budget Concluding the structure Making a functional prototype Developing or receiving design Summing up the tasks Preproduction meeting Implementing program functionality Introducing changes Delivering a presentation Introducing final corrections Developing the project Launching the project online Our works Digital Development Projects Jovan Rocanov An updated portfolio site for a Canadian designer Jovan Rocanov. Technological peculiarity Interactive visual effects on logos. We created these effects with HTML5/CSS3 and Javascript. The designer only has to upload one image to the dashboard, and the rest is done automatically. Client: Jovan Rocanov LInk: http://rocanov.com Techno-tags: HTML5 / CSS3 / JS / PHP / MySQL Project Pepsi Retro Promo for Pepsi Retro activity that takes you on a 35-years-back journey. Technological peculiarity The user logs in via a social account and sees the ‘time-machine’. He takes or uploads a picture of himself and chooses a profession. Then the ‘machine’ generates a retro-style photo with a job title, that can be shared online. There is also an opportunity to take a chance and get a prize from Pepsi. Агентство: Aimbulance Ссылка: http://retro.pepsi.ua Техно-теги: HTML5 / CSS3 / JS / PHP / MySQL / Flash / Video / Facebook API / VK API / JSON Projects Video greeting from Raffaello Promo that allows you to create a unique video card, that can be sent right away or later, on the set date. Technological peculiarity To make it possible for the users of various computers to create and see such cards, we used Adobe Flash and adjusted the quality of the video to the speed of their Internet access. Agency: Aimbulance Link: http://vitannia.raffaello.ua Techno-tags: HTML5 / CSS3 / JS / PHP / MySQL / Flash / Parallax scroll Projects FoodTigra food delivery service A service for fast delivery of food directly from the restaurants. Technological peculiarity We gave special attention to the speed of the site’s functioning. There was also created a mobile app which works even faster than the main site thanks to the adaptive images that we used in it. Client: FoodTigra Link: http://foodtigra.com Techno-tags: HTML5 / CSS3 / JS / PHP / MySQL / Parallax scroll / Mobility Projects Pepsi #Sorry_Мам Promo project #Sorry_Maм for Pepsi, that allows users to create and share fun and original memes. Technological peculiarity We created a special adaptive meme constructor. In order to generate an accurate copy of the user’s meme in the form of an image, we used server rendering technology. Agency: Aimbulance Link: http://sorrymam.pepsi.ua Techno-tags: HTML5 / CSS3 / JS / PHP / MySQL / Video Projects IQ Business Center Site for a business center, that demonstrates detailed information about the building and all the possible plannings available. Technological peculiarity High interactivity and different visual effects that smoothly change one another. You can view detailed plannings of all the floors switching among them on the model of the building. You can also see a 360° city panorama that opens from the windows in the daytime and in the nighttime. Agency: Aimbulance Link: http://iqbc.com.ua Techno-tags: HTML5 / CSS3 / JS / PHP / MySQL / Responsive / Mobility Projects Axe Fan Club A promo site in support of a campaign for Axe – fan club. It gives its members an opportunity to learn their level of popularity among their social network friends. Technological peculiarity In order to display the statistics to the fans, we process the data about the likes on their account. On the basis of the received data, we compile a unique video-message and infographics with the index of their popularity level among boys and girls. Agency: Aimbulance Link: http://axefans.com Techno-tags: HTML5 / CSS3 / JS / PHP / MySQL / Flash / Video / Facebook API Projects Seat Leon A promo site dedicated to one of Seat’s car models – Seat Leon. Technological peculiarities A highly dynamic site with an accent on large images and use of parallax technology. The transfer from one section to another is realised horizontally and very smoothly, thanks to the inertial scrolling. All these features altogether give an illusion of a fast and comfortable ride, that allows you to explore all the details. We also created a separate usable mobile version of the site. Agency: Aimbulance Link: http://leon.seat.ua Techno-tags: HTML5 / CSS3 / JS / PHP / MySQL / Responsive / Mobility / Parallax Projects Real estate aggregator – HotListing A site for real estate search in Ukraine. Its main assets are great usability and clean design that make the search clear and simple. Technological peculiarity We gave special attention to the filters. For instance, you can select the area that interests you quickly and very precisely, and view the appropriate results of search. We also developed an effective backoffice especially for the realtors, who constitute a large group of the site’s users, that allows them to manage whole groups of ads. Client: Hotlisting Link: http://hotlisting.ua Techno-tags: HTML5 / CSS3 / JS / PHP / MySQL / Sphinx / Postgres Projects Roshen Excursion World A corporate site for Roshen company that gives possibility to sign up for a free excursion to one of its factories. Technological peculiarity We divided the process of filling up the form into several steps, so that it would be easier for the guides to leave their application. Client: Roshen Link: http://mir.roshen.com.ua Techno-tags: HTML5 / CSS3 / JS / PHP / MySQL Projects ТМ “Olmeca” – One shot to Ibiza One-page promo site for a campaign from TM Olmeca – One Shot to Ibiza. Technological peculiarity We analyse the data from the participant’s social network account and create a unique video with his/her photos. Watching this video gives a chance to receive an additional code that takes part in the campaign. Agency: Saatchi & Saatchi Link: http://olmeca.com.ua Techno-tags: HTML5 / CSS3 / JS / PHP / MySQL / Flash / Video Our works Innovative & Content Projects 20 Years Okean Elzy An interactive art project that represents an 8-room installation art museum of the Ukrainian band “Okean Elzy”. Technological peculiarity The visitors of the site can take a tour around the rooms of the museum and interact with all the installations using their phones. To make this interaction possible, we used NodeJS technology (with Socket connection). The transitions among the rooms are made in a smooth and accurate way because all the graphics on the site was implemented with canvas. The experience of visiting the museum can equally be felt without using a phone. Агентство: VGNC Ссылка: http://20.okeanelzy.com/ua/main/ Техно-теги: HTML5 / Canvas / CSS3 / JS / NodeJS / Sockets / PHP / MySQL / Responsive / Mobility / Parallax Projects New identity for Ivano-Frankivsk A site in support of the new visual style for a Ukrainian city Ivano-Frankivsk. The project got into the short list of Cannes Lions 2014. Technological peculiarity The main peculiarity of the site is the possibility to transform your photo into an embroidered portrait that looks like a Ukrainian handcrafted vyshyvanka done with red and black threads. To make such transformation possible we developed our own original algorithm. Agency: Aimbulance Link: http://city-brand.if.ua Techno-tags: HTML5 / CSS3 / JS / PHP / MySQL / Canvas Projects Mastercard Paypass A site about the advantages of the new Mastercard technology usage – paypass. Technological peculiarity In the development process we used animated illustrations that demonstrate the payment procedure, for which we created a special mechanism to compress the images. To make the fall of the card look realistic we used a combination of complex CSS effects and transformations. The site took part in the contest held by awwwards.com. Agency: Aimbulance Link: http://paypass.ua Techno-tags: HTML5 / CSS3 / JS / PHP / MySQL / Responsive / Parallax Projects Milka Village We stood as technical experts in the creation of the platform for Milka Village. Technological peculiarity In order to implement some unusual activities on the platform we had to develop a special technical constituent. The clouds that float above the meadow, the light in the windows and a 3D animated calf work even on modern mobile devices thanks to the meticulous work of our developers. Agency: Saatchi & Saatchi Link: http://milka-village.com.ua Techno-tags: HTML5 / CSS3 / JS / PHP / MySQL / 3D / Animation / Social Networks Projects Citroen DS4 Manifest Site-videoproject with a possibility to create your own “No-manifest” from video fragments. Technological peculiarity The site opens up with a video backdrop that slowly changes into a promo reel in support of the new car model from Citroen company. We implemented stream playback for an adapted video. Agency: Aimbulance Link: http://ds4manifest.citroen.ua Techno-tags: HTML5 / CSS3 / JS / PHP / MySQL / Flash / Video Projects Viasat Promo “Forbidden History” Promo site in support of the TV show “Forbidden History” for Viasat History channel. Technological peculiarity We developed unique special effects for this project, like the flickering lights that enhance the mystery of the announcements. There are also some other effects, like the transitions between the episodes that create the feeling of movement in space. Agency: Aimbulance Link: http://viasathistory.pl/program/ forbidden_history/ Techno-tags: HTML5 / CSS3 / JS / PHP / MySQL / Flash / Video Our works Mobile Applications Projects Diett.no Mobile Application A mobile application that helps you keep track of your diet and fitness. Technological peculiarity The user enters the information about what and how much he/she ate during the day. This information is processed and displayed in the form of infographics. With the help of this application users can see how many calories they consumed and spent throughout the day. They also have a personal diary and a calendar. The application is closely integrated with the current API of the product. Client: Diett.no Link: http://www.diett.no Techno-tags: Objective C++ / API Projects Activia Mobile Application An application that provided its users with beneficial advice about fitness and healthy diet. To fulfil the program, the girls had to answer the questions from the specialists every day. Technological peculiarity Pieces of advice were sent to the participants of the program on a daily basis and were constantly updated. We created a convenient dashboard which was used by the experts to add their advice easily. Agency: New Strategies Group Link: http://goo.gl/PRD1KB Techno-tags: Objective C++ / Android / iOS / Facebook / VK / Odnoklassniki / API Projects Helper Mobile Application An application that helps to find experts from different fields and immediately receive their advice online. Technological peculiarity To implement all the functionality we used audio and video data streaming service, and a server for transmissions and storage of messages. All the data is stored both on the server and on the gadget, and in connection with this, we created the structure of the user’s inner database. Client: Helper Link: http://goo.gl/YcKGSw Techno-tags: Objective C++ / Java / Android / iOS / API / Video / Audio / Paypal ありがとう! New York, US, +1 (917) 294 28 68 Kiev, Ukraine, +38 (067) 523 00 33 [email protected] www.youshido.com