hykoo_logo

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.

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.

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.

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

CLIENT  HYKOO INC.

ROLE  ART DIRECTION & DESIGN

TOOLS PHOTOSHOP / SKETCH

The challenge that I set for 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 from my project.

The challenge that I set for 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 from 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_app_n
icon_n
1_01
1_02
1_03
1_04
1_05
1_06
1_07
1_08
1_09
1_10
1_11
1_12
1_13
1_14
1_15
1_16
1_17
1_18
1_19
1_20

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).

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).

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).

2_01
3_cover

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).

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).

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).

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).

app_step_title_2
4_01
4_02
4_03
4_04
4_05
4_06
4_07
4_08
5_01
5_02

Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

Hey there, this is the default text for a new paragraph.
Feel free to edit this paragraph by clicking on the yellow edit icon.
After you are done just click on the yellow checkmark button
on the top right. Have Fun!

app_step_title_3
7_01
7_02
7_03
7_04
7_05
7_06
7_07
7_08
8_01

The option lists allow 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 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 relev-

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

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.

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.

ant 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.

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.

_

app_step_title_4
9_01
9_02
9_03
9_04
9_05
9_06
9_07
9_08
10_01

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.

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.

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.

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.

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.

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.

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.

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.

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.

app_step_title_5

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.

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.

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.

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.

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).

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).

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).

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).

11_01
11_02
11_03
11_04
11_05
11_06
11_07
11_08
11_09
11_10
11_11
11_12
11_13
11_14
11_15
11_16
11_17
11_18
11_19
11_20
11_21
11_22
12_01

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

app_step_title_6
13_01
13_02
13_03
13_04
13_05
app_step_title_7
14_01
app_step_title_8
15_02

Selected Works

HykooApp & Web

GoProApp

Grow UpApp & Web

OtherProject type