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
client@youshido.com
www.youshido.com