Challenge Overview
INTRODUCTION
Welcome to the Solarbook Solar Journey iOS Prototype challenge! The team at Pick My Solar is taking the next step in solar transparency by developing SolarBook, an online portal covering all things solar for both consumers and industry professionals.
Each stage of the solar process, from first learning what it is and how it works, to what to consider when choosing an installer, to monitoring the system and properly filing for tax credits and rebates, will be covered in educational videos, blogs, workshops, case studies, and quick tips. Quick and to the point, visual learning will accomplish what now takes hours of research and reading. The more informed the consumer, the faster the solar sales process.
This challenge will focus on developing prototype functionality based off of the provided storyboards and designs for the Solar Journey app.
REQUIREMENTS
You’ll be building out the iPhone prototype application based on the storyboards and designs provided with the challenge and also located in the Resources repository here. Follow the narrative in the storyboards as your guide during development. Additional functionality specific to the given frames in the storyboard is outlined below.
Frame 1
This is the first page the user lands on after opening the app
• There are a total of 3 CTA (call-to-action)
- Begin Journey
- Share Journey
- View Stories
• Begin Journey takes the user to FRAME 8
• Share Journey takes the user to FRAME 2
• View Stories Takes the user to FRAME 5
Frame 2
There are two tabs on the top of this page.
• The STORY tab gives the user the ability to input a name, profile picture, photos, and a testimonial
• User has the ability to upload 3 pictures OR videos.
• The BACK action takes the user to FRAME 1
• The NEXT button takes the user to FRAME 3
• Selecting the DETAILS tab takes the user to FRAME 3
• When user presses the white description box, the text keyboard will be prompt for user to type.
• When user presses a + button, they will be prompted to either select a photo, take a photo or cancel.
- Take Photo- Takes user to phone’s camera
- Choose photo- takes user to photo album
• When photo is selected and user wants to delete photo and replace, there will be a small white X circle on the bottom right corner of the image.
• Once the user taps Next, store their name and any photos selected locally for display on other screens
Frame 3
User fills in information by tapping either the input line or input title.
• All inputs are optional
• Once user inputs information, they select PUBLISH
• PUBLISH takes user to FRAME 4
• STORY tab takes user to FRAME 2
• BACK takes user to FRAME 1
• USER INPUTS:
• SYSTEM SIZE - Number and decimal Input Prompt
• SOLAR MODULES- Picker prompt
• INVERTER - Picker Promp
• CITY - Text Input Prompt
• STATE - Picker prompt to select states “ CA - California “
• SYSTEM COST - Number input prompt.
• OLD BILL - Number Input Prompt
• NEW BILL - Number input prompt
• SOLAR COMPANY - text input prompt
• See storyboards for picker values
• Store all information entered by the user locally for display on other screens
Frame 4
• User receives a thank you message after selecting PUBLISH on FRAME 3.
• The user’s name input in FRAME 3 will appear in the thank you message as Thank You, < NAME >
• The User then has the option to input their email and be notified when their story has been published
• Tapping EMAIL or email line gives user a Text input Prompt
• SUBMIT takes user to FRAME 1 (ONLY if email is input)
• BACK takes user to FRAME 1
• VIEW STORIES takes user to FRAME 5
Frame 5
• Users will have the ability to view other peoples stories.
• Stories will be categorized by most recently published.
• User can filter stories by STATE.
• When STATE is tapped, user will receive a picker prompt to choose a state.
• Users will have the ability to Switch between Grid and List view on the top right corner
• When any name is selected, user will go to FRAME 7
• If user does not place an image of themselves, Solar Journey will place a stock profile icon.
• Display placeholder images, names and stories for other users as shown in the storyboard
Frame 6
• Users will have the ability to view stories in list view
• In this view, Each story will have a description that would have been written in the white box in FRAME 2
• The character limit will be set to 45 including spaces. After 45 characters there is will be “...” • The user then would have to select that story to read the rest.
• On the bottom right corner of every story box, there will be the post date.
• If any story/box is tapped, user will be taken to FRAME 7 BACK takes user to FRAME 1
• Display placeholder images, names and stories for other users as shown in the storyboard
Frame 7
• All FRAME 2 and FRAME 3 inputs will appear here
• Images can viewed by swiping left and right.
• BACK takes user to FRAME 6 NOT FRAME 1
• Display the user’s information and images stored locally from FRAME 2 and FRAME 3
Frame 8
• User has the ability to sign in with an existing pickmysolar.com account.
• EMAIL - Text input prompt
• PASSWORD - Text input prompt
• If user inputs in correct credentials. A message box will pop up notifying them of such.
• When user has input credentials. Right above the keyboard, there will be a blue bar from them to press and proceed with the login
• User has the ability to join Pick My Solar, if they do not have an account.
• JOIN takes the user to FRAME 11
• BACK takes the user to FRAME 1
• Allow the login process to proceed with any information entered as long as it passes the validation rules
Frame 9
• The picture functionality here is similar to FRAME 2. When the User taps a + they can take or upload a pre-existing photo
• All fields are optional
• BACK takes the user to FRAME 1
• SIZE AND DESIGN SYSTEM takes user to FRAME 10
Frame 10
• User receives a thank you message after selecting SIZE AND DESIGN SYSTEM on FRAME 9
• The user’s name input in FRAME 11 will appear in the thank you message as Thank You, < NAME >
• VIEW STORIES takes user to FRAME 5 • BACK takes user to FRAME 1
Frame 11
• User has the ability to sign up with pickmysolar.com
• All input fields are optional (for now)
• All input fields will prompt text input.
• JOIN takes user to FRAME 9
• BACK takes user to FRAME 8
• Store all information entered by the user locally for display on other screens
SETUP
• Use this form to add yourself to the Solarbook team on Gitlab
• Once added to the team, fork the repository and work off of the prototype branch
• Add harrywynn as a member of your forked repository with Reporter access
• All necessary design assets and storyboards are located in the Resources repository here
Final Submission Guidelines
• Xcode 7.1 project with all screens and functionality as outlined above
• Code must compile against iOS SDK 9.1 with a deployment target of iOS 8.0
• Develop for iPhone size classes, with orientation locked to portrait
• Use storyboards for all views and navigation
• All code should be written in Swift
• Upload your source project as a zip