{"id":1488,"date":"2018-05-02T13:53:32","date_gmt":"2018-05-02T13:53:32","guid":{"rendered":"https:\/\/karlmax-berlin.com\/uncategorized\/carhartt-radio\/"},"modified":"2022-12-01T13:24:43","modified_gmt":"2022-12-01T13:24:43","slug":"carhartt-radio-en","status":"publish","type":"post","link":"https:\/\/karlmax-berlin.com\/en\/references\/carhartt-radio-en\/","title":{"rendered":"Carhartt Radio"},"content":{"rendered":"
Development[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/4″][vc_column_text disable_pattern=”false” css=”.vc_custom_1531154127064{margin-bottom: 0px !important;}”]\n
Android, Streaming, Material Design[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/4″][vc_column_text disable_pattern=”false” css=”.vc_custom_1531154132820{margin-bottom: 0px !important;}”]\n
A Color Bright, Carhartt Work in Progress[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/4″][vc_column_text disable_pattern=”false” css=”.vc_custom_1622724240869{margin-bottom: 0px !important;}”]\n
2014 – 2019[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][mk_padding_divider size=”80″][\/vc_column][\/mk_page_section][mk_page_section vertical_align=”top” bg_color=”#ffffff” attachment=”fixed” js_vertical_centered=”true” padding_top=”0″ padding_bottom=”0″ sidebar=”sidebar-1″][vc_column][mk_padding_divider size=”80″][vc_column_text disable_pattern=”false” css=”.vc_custom_1531154146302{margin-bottom: 0px !important;}”]\n
Our task was to create an Android app based on the template of the iOS version. Our partner A Color Bright took on the design and project management.[\/vc_column_text][mk_padding_divider size=”80″][\/vc_column][\/mk_page_section][mk_page_section vertical_align=”top” bg_color=”#fafafa” attachment=”fixed” js_vertical_centered=”true” padding_top=”0″ padding_bottom=”0″ sidebar=”sidebar-1″][vc_column][mk_padding_divider size=”80″][vc_column_text disable_pattern=”false” css=”.vc_custom_1531154152075{margin-bottom: 0px !important;}”]\n
To get access to exclusive radio programs featuring important artists.[\/vc_column_text][mk_padding_divider size=”80″][\/vc_column][\/mk_page_section][mk_page_section vertical_align=”top” bg_color=”#ffffff” attachment=”fixed” js_vertical_centered=”true” padding_top=”0″ padding_bottom=”0″ sidebar=”sidebar-1″][vc_column width=”2\/3″][mk_padding_divider size=”80″][vc_column_text disable_pattern=”false” css=”.vc_custom_1531154159363{margin-bottom: 0px !important;}”]\n
Carhartt Radio is an app with an entire archive of radio programs to sort through and listen to. With the genre filter, the user can find music and information about artists and labels, a feature unique to the app. The program information page is full of background stories, musical role models, production anecdotes and special questions for the artists\u2014all usually in form of an interview.[\/vc_column_text][mk_padding_divider size=”80″][\/vc_column][vc_column width=”1\/3″][\/vc_column][\/mk_page_section][vc_row fullwidth=”true” fullwidth_content=”false” css=”.vc_custom_1525255312472{background-color: #fafafa !important;}”][vc_column][mk_padding_divider size=”80″][vc_row_inner][vc_column_inner width=”1\/2″][vc_single_image image=”1297″ img_size=”835 \u00d7 889″][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_column_text disable_pattern=”false” css=”.vc_custom_1531154181985{margin-bottom: 0px !important;}”]\n
With Google\u2019s new Material Design Guidelines, new benchmarks were created for Android Versions 5.0 (alias Lollipop) and above: softer animations, clearer structures on the screen and visual feedback for the user with all interactions.<\/p>\n
But we came up against what is a widespread problem for Android: The smartphone and tablet models on the market were still lagging somewhat behind, so we needed a solution that worked for older models as well.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][mk_padding_divider size=”80″][\/vc_column][\/vc_row][vc_row fullwidth=”true” fullwidth_content=”false”][vc_column][mk_padding_divider size=”80″][vc_row_inner][vc_column_inner width=”1\/2″][vc_column_text disable_pattern=”false” css=”.vc_custom_1531154190264{margin-bottom: 0px !important;}”]\n
To begin with, we built a version that was purely functional, in other words with minimum design. Then we began to support the current generation of devices and, bit by bit, designed the look of the app to fit to them. The final step consisted of readjusting all of this for older devices. Google Support Tools delivered a large part of this functionality as we went. But we had to put in a lot more work on single effects such as parallax scrolling and the seamless transition between list and detail views.<\/p>\n
We\u2019d definitely like to highlight the great cooperation we enjoyed with our partners A Color Bright in Kreuzberg Berlin. They earned our full respect for having endured \u2013 as designers \u2013 our functional prototypes. We also need to say thanks for the interactive sessions in which we worked together to push the app over the finish line.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_single_image image=”1298″ img_size=”365 \u00d7 620″][\/vc_column_inner][\/vc_row_inner][mk_padding_divider size=”80″][\/vc_column][\/vc_row][mk_page_section vertical_align=”top” bg_color=”#fafafa” attachment=”fixed” js_vertical_centered=”true” padding_top=”0″ padding_bottom=”40″ sidebar=”sidebar-1″][vc_column][mk_padding_divider size=”80″][vc_row_inner][vc_column_inner width=”1\/2″][vc_column_text disable_pattern=”false” css=”.vc_custom_1531154202318{margin-bottom: 0px !important;}”]\n
The Parallax animations on the detail page accompanied us through the entire process, and gave us plenty of headaches in figuring out how to make the transitions feel smooth and appropriate. The OS version at that time rendered the system components calculable and good to look at. However, the relevant interfaces didn\u2019t exist on the older versions and so required manual implementation. As a developer, I was often sure that I\u2019d found the sources of all possible mistakes, but with every test, there were new visual shenanigans \u2013 the movement of the elements were too fast, too slow, and then with a fast gesture they disappeared completely from the screen… amazing![\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_single_image image=”6854″ img_size=””][\/vc_column_inner][\/vc_row_inner][mk_padding_divider size=”80″][\/vc_column][\/mk_page_section]\n<\/div>","protected":false},"excerpt":{"rendered":"
Exclusive
streaming shows<\/p>\n","protected":false},"author":1,"featured_media":2576,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[10],"tags":[],"yoast_head":"\n