Design Fitness App Screens

We require someone to design 2 mobile app screens (iPhone6). These screens are for a new fitness and health tracking app. You MUST provide examples of previous mobile design work YOU have completed. Requirements: Screen 1 functions/elements are: - Music selector - this will take the user to a new view so they can select the source of music they would like to listen to (this view is not required) - Select activity - this will present an action sheet where the user can select walk, run, cycle - GPS strength indicator - Weather indicator - should show a weather icon and current temp - Start activity button - This should be the hero of the view - There will be a tab bar at the bottom and no navigation bar. Screen 2 functions/elements are (this screen is when the user taps the start activity button): - Music selector - we want to allow the user to change their music source during an activity. This section will also need to have standard audio controls i.e. Play, stop, next, previous and a scrolling label to display the currently playing track - Activity icon - this should be present on the screen to remind the user what activity they are currently performing (or selected in the previous screen). There is no need to allow changing the activity from this screen - Map - this will show the users current position and track their activity. - Stats/details - this will show a number of things that are related to the current activity i.e. distance (metric and imperial depending on the users settings), duration (00:00:00 format), calories burned, average pace etc. - Toggle button/switch similar to [login to view URL] - the user can use this to show either the map view or the stats view. Allowing the user to select what is important for them to view is important for us. Look at most other fitness apps. - Stop button - obvious - Split button - users have the ability to split an activity just like they would if they used the lap feature of a stop watch. A user comes within 20m of their starting location AFTER they have travelled at 100m away from it the button will become active and potentially pulse/vibrate the phone. Once they tap the button it will become disabled again. If a user tries to tap the button while it is disabled (before they have travelled 100m) we would like to show a speech style bubble or modal overlay explaining what the feature is and how to use it correctly. - Graph - some sort of live updating graph that shows the users start location and their end location (finish flag). Then the graph would show the distance they have travelled away from their start location. As they get closer to their start location they graph changes. Think of a timeline or something. There could be distance indicators along the bottom. These would change depending on the distance travelled and the current distance to the starting point. What we are trying to achieve is users having to start and finish at the same spot. - This screen will not have a tab bar. The design needs to be super slick and not feel cluttered. The main point is to get users starting an activity. Graphs, charts etc are fine to use so long as they are relevant to the specific section i.e. bar chart used as the duration indicator (NO) as opposed to a circular progress indicator (YES) etc Style guide information: - Avenir Book is the default font but happy for other suggestions - The main style of the app is light coloured i.e. white background with dark grey text - Colours (taken directly from the colours extension): - green (red: 26/255, green: 188/255, blue: 156/255) - Our brand colour - orange (red: 230/255, green: 126/255, blue: 34/255) - red (red: 231/255, green: 76/255, blue: 60/255) - yellow (red: 241/255, green: 196/255, blue: 15/255) - blue (red: 52/255, green: 152/255, blue: 219/255) GREYS Standard 51/51/51, 102/102/102 etc Sketches will need to be provided before designing is started and you need need to provide layered PSD/AI file.