Client: Songkick
Company: Songkick
Work: UI, art direction

Worked as lead designer at Songkick for 15 million users worldwide. Native iOS/Android interactive art direction and interface design. Pushing design vision and iterating user needs and insights. 2017 Fast Company - Fifth Most Innovative Company in Music. Here you can see a selection of recent experiments, concepts and user testing assets produced in alignment with business goals, metrics and collected data.

Songkick Travel

Business goals

Create a fun and PRable experience to show off Songkick’s API in a creative way and at the same time solving/testing one of the biggest user requirements of being able to explore different artists from specific locations outside their metro areas. 

Solution

A web experience where users can specify a time window and a specific location. They can filter the results by popularity, distance and toggle between list and map view, having access to venue and concert details driving the traffic straight to the events pages.

mockSKtravelmockSKtravel
sktravel_4sktravel_4
sktravel_5sktravel_5
sktravel_6sktravel_6
sktravel_desk_1sktravel_desk_1
sktravel_desk_2sktravel_desk_2

Tracking artists user testing

User needs

Having more control over the results during the onboarding and feel they are being presented with recommendations that are aligned to their taste.

Solution

An easy to scan flow that allows the user to scan their favourite streaming services, track and untracked artists on the go, easily track and refresh recommendations, manual search and tracking in three simple steps.

scanSpot_1scanSpot_1
scanSpot_2scanSpot_2

Songkick Live

The event

A series of gigs ran by Songkick featuring various artists. Events will happen either in the offices or small venues in London and New York.

Work

Art direction, interface, posters, swag and any other promotional material for the event.

mock_skLive_1mock_skLive_1
1_11_1
2_22_2

Friends' plans A/B test

User needs

Sharing their upcoming concerts, finding out what friends are going to interesting gigs.

Metrics

Clicks and interaction with this new page and functionality.

Solution

In alignment with the goals for this quarter we linked iOS and Android users to an external page where they were able to share and view their Facebook friends' plans and activity. Created a few different options and card styles and and we've ended up going for the one at the bottom.

1_3_51_3_5

Iconography redesign

Insight

Outdated icons look and feel. Could a simple and quick redesign of the existing icons contribute to a better perceived and more slick Songkick?

Approach

New grid system based iconography study.

1_21_2

Email audit and redesign

Problem

Overall inconsistency of all email templates in the ecosystem. Completely outdated look and feel.

Solution

Global audit and research bringing solid insights for the development of a design system based on classic graphic design approach to digital on screen design. Development of modular system, style guide, fontsizes, leading and general spacing for multiple breakpoints and devices.

1_11_1
2_22_2
3_33_3
4_44_4
5_55_5
6_66_6

More explicit CTA on artist page
A/B test

Hypothesis

Users want to share concerts but don't know that they can do it with the share buttons that we have. iOS users take a screenshot of a concert page ~1000 times a day. If we draw more attention to the share option will more users perform the action? Are users screenshotting because we are not expressing how easy it is to share?

Metrics

Visits from referral.

Solution

Tried to bring a global look and feel across both iOS and Android apps.

1_21_2

Sign up page A/B test

What and how did we test

We ran an A/B test on mobile users who were going through our forced signup mechanism while purchasing tickets. The research showed that frequently users would get to the page, scroll about a bit, and exit (and we wouldn't sell the tickets, or create any users). For the experiment, we therefore measured the number of users in each cohort, and fired events whenever they tapped on any of the buttons (Facebook, signup - at the end of the signup form, login).

Solution

Simple tweaks specially related to general spacing, leading, breakpoints and a better use of relevant content shown in the viewport.

Results

We ran the experiment from the 3rd to the 14th of March. Over this period we observed a relative 14% increase (from 62% to 71%) in taps on those buttons (our proxy for successfully completing that step), and we're 100% confident that the variant performs better than the control. This is a huge result as projection shows an increase income of $470.452,58 per year.

3_a33_a3

Event module study

Problem

Outdated and overall cognitive overload due to bad visual hierarchy, alignment and spacing.

Solution

Development of a universal event module, clean and slick, together with new visual treatment for the “I’m going” and “Track artist” buttons.

11_211_2

Optimised iOS artist page tracking
A/B test

Problem

In a 4-5 journey funel, somehow the number of users arriving at the artist page and tracking drops drastically. The same does not happen on Android.

Metrics

Clicks tracking interactions.

Solution

Considering the visual inconsistency between iOS and Android apps and totally different look and feel, I believe this might be happening due to the lack of contrast and visual hierarchy. For the sake of this experiment I purposed reviewing the overall contrast between the elements which brings quicker and better understanding of what that page is about.

4_24_2

Artist and Tour pages integration

Problem

Songkick is recently making Tour pages available to artists announce their dates and tickets allocation. However these are single pages disconnected from the ecosystem. We identified on HotJar users try to click on many different places in the page trying to access other pages with no success.

Solution

A modular integration of the Tour page/components into the Artist page. Also the introduction of new behaviours in the artist page and a cleaner look and feel. This body of work is not releated to the design vision but a tweaked and more polished version of what they currently have.

23_a23_a
[unex_ce_button id="content_xzzeq2h9o" button_text_color="#828282" button_font="light" button_font_size="20px" button_width="full_width" button_alignment="center" button_text_spacing="2px" button_bg_color="#000000" button_padding="80px 60px 80px 60px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#ff0050" button_border_hover_color="#000000" button_link="http://gabrielcomym.com/work/vr/" button_link_type="url" button_link_target="_self" has_container="" in_column=""]NEXT PROJECT[/ce_button]