logohykoologohykoo

HYKOO

Hykoo is an American-Israeli startup with the central office located in Brooklyn, New York. What lies at the heart of the main concept of the proposed app is haiku, which is a form of the traditional Japanese poetry consisting of three metrical units of 5, 7, and 5 syllables. At a conceptual level, they decided to rethink the idea of haiku from the perspective of the high-tech age and to create an app that bundles video (3 blocks) with audio and short texts.

CLIENT  HYKOO INC.    |    ROLE  ART DIRECTION & DESIGN    |    TOOLS PHOTOSHOP / SKETCH

The challenge that I set to myself was coming up with a creative concept for a mobile app and a website, developing a refreshing design and graphic elements that would be able to attract new users and to maintain those who have been using the product for a while. In order to achieve this, I made a research during which I have examined the opponent apps and have learned their pros and cons. Further, I have traced the recent video and photo apps evolvement tendencies and incorporated the insights that I gained into my project.

After doing the main part of the work on my own, using Adobe Photoshop and Sketch, I presented the finished materials to the art director of the developing company. It is noteworthy that the working process included not only research and working out of the concept and the design but also creating mock-ups and sketches, based on the UX-source files. Finally, I developed an icon for a mobile app, based on the logo used by the start-up as the symbol of their product.

header_appheader_app
iconicon
phone_01phone_01
back1-Recovered_02back1-Recovered_02
back1-Recovered_03-2back1-Recovered_03-2
back1-Recovered_04-1back1-Recovered_04-1
tutorialtutorial
sound1sound1

The newsfeed contains 2 main calls-to-action: watch the video and create new video. Besides, there exist secondary and tertiary calls-to-action (depending on user’s preferences on the specific page): menu and search (by tags, discover and popular users), user profile and video info (upload time, location, likes and comments).

I paid special attention to what is in my view the most important for a new user, which is, tutorials. All the info is divided into 5 sections and is fashioned in a form of cards with graphic elements, when every card highlights another key feature of the app (I created illustrations in a flat style for the music section, based on well-known music albums).

newvideo1_01newvideo1_01
newvideo1_02newvideo1_02
newvideo1_03newvideo1_03
filter_01filter_01

I proposed the idea of “expanding the range” of the create-a-text section by means of adding a sticker function. It means that the user can choose a sticker, define its size and place it within the video frame as he wishes. For that purpose, I designed a package of emoticons in a unified manner, in the style of the most popular emoticons used in the social networks.

 

lists_01lists_01
lists_02lists_02
lists_03lists_03
lists2lists2

The option lists allows a user to watch the most popular videos, the ones that have been shot in the geographic area that he is located in (when the location feature is activated), as well as those that are recommended by the opinion leaders (the most popular users).

It also proposes search by tags and by users, providing all the relevant information including the screenshot of the most recently uploaded video. For these sections, I designed special icons that the user is evidently familiar with, while they are still in tune with the overall style of the app.

profile_01profile_01
profile_02profile_02
profile_03profile_03
profile_iconsprofile_icons

The mosaic structure of the profile allows the user for the fastest and the handiest access to all his videos, while the background of the profile picture is automatically updated in accord with the last uploaded video.

 

I created two types of the main menu: user menu and guest menu. The former provides access to all the features, while the latter proposes the option of authorization, as well as checking out more info about the app.

 

header_webheader_web

Besides the concept and the design of the mobile version of the app, I developed mock-ups and designed the official website. I created a landing page that includes the info about the main features and possibilities of the app. The page is stylized in shadow tones that emphasize the screens of the mobile app and attractively contrast with the text.

Further, the main page features examples of users’ videos with the names of the users specified (Explore Hykoos). Clicking on one of the examples opens a preview of the video including comments. There is also an option of liking the chosen video and leaving a comment (in this case the user is offered to authorize).

web_index_01web_index_01
web_index_02web_index_02
web_index_03web_index_03
web_index_04web_index_04
web_index_05web_index_05
web_index_06web_index_06
web_index_07web_index_07
web_index_08web_index_08
web_index_09web_index_09
web_index_10web_index_10
web_index_11web_index_11
web_iconweb_icon

The website design was developed so as to fit perfectly mobile devices and tablets (1024 pix and 2048 pix).

prev_01prev_01
prev_02prev_02
prev_03prev_03
web_index_11web_index_11
otherp_01otherp_01
otherp_02otherp_02
otherp_03otherp_03
otherp_04otherp_04
otherp_05otherp_05
watch1_00watch1_00
watch1_01watch1_01
watch1_02watch1_02