Challenge Summary
Welcome to SunShot - Solar Land Solutions - Land Acquisition Design Challenge. This challenge is focused on creating a responsive application design that will allow solar developers to search through a list of properties/sites and find an appropriate site for development.
We have provided wireframes for content references, please do not copy them!
Also please don’t just color the wireframes, we are looking for you to improve the overall layout, interaction and user experience of the this application.
Good luck and we look forward to your design concepts!
Round 1
Submit your initial designs for Checkpoint Feedback
A. Solar Developer Functionality:
1) Landing Page (not logged in)
2) Developer - Create Account
3) Solar Developer Landing Page
4) Property/Site Details
4.1) Send Interest
B. Landowner Functionality:
8) Landowner Landing Page (List of Parcel/Sites)
8.1) Site/Parcel Details
Feel free to add any other additional screens which are necessary to explain your concept.
Notes.jpg: Please note any comments about your design for the Client
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Your Final designs for all the required designs with all Checkpoint Feedback implemented.
A. Solar Developer Functionality:
1) Landing Page (not logged in)
2) Developer - Create Account
3) Solar Developer Landing Page
4) Property/Site Details
4.1) Send Interest
5) My Profile
6) Favorites
B. Landowner Functionality:
7) Landowner - Create Account
8) Landowner Landing Page (List of Parcel/Sites)
8.1) Site/Parcel Details
8.2) Draft Site Details
8.3) Rejected Site Detail
9) Add a New Site/Parcel
10) Style Tile
Feel free to add any other additional screens which are necessary to explain your concept.
Notes.jpg: Please note any comments about your design for the Client
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
The Purpose of this challenge is to come up with the the look & feel and flow for this web application. We are looking for the Topcoder Design Community to help us with planning our new "user experience" (UX).
This project has two two types of users ‘Developers and Landowners’. For this challenge, we will focusing more on the “Developers” - these user will have the ability to view list of possible sites and be able to identify a site for development, get on a lease agreement with the landowner and be able to send out a RFP (request for proposal) to utility companies.
About Solar Land Solutions:
http://www.solarlandsolutions.com/
They provide contract land services for solar and wind energy projects and more. Experienced in energy development and land acquisition in 15 states and growing!
Design Ideas:
- Looking for modern, intuitive user interface
- Focus on the design being a great user experience, think simple but effective solutions!
- Come up with design concepts that shows out-of-the-box solutions.
- Show all the screens and provide a user flow/click-path and navigation, so we can see how the interactions fit together in the application
- What should the priority features be?
- How quickly could you find information?
- We had provided client’s logo, please use them in your designs.
- We have also provided a color scheme.
Design Size:
- Desktop 1280px width and height as required
- Standard breakpoints: 1024px, 768px, 320px
NOTE: We are not looking for all the below screens to be designed for different devices just need to identify the important elements that will change across different devices (For ex: Navigation in desktop will be different than that of a mobile or a tablet...we are looking for you to submit such changes and anything else that you think are important).
Required Pages:
We are looking for the below screens to be designed/considered in your designs!
A. Solar Developer Functionality:
1) Landing Page (not logged in):
Reference: Landing Page (Not logged in)
- We need a simple landing page that explains the purpose of the site, wireframe has provided an idea on the layout but we don’t want you to stick to that, we are looking for your thoughts on what can be included in this page but continue to expand beyond that!
- We have two CTA’s at the bottom (one is for Solar Developers and other one is for Land Owners) how should these be put up?
- Looking forward to your ideas!
2) Developer - Create Account:
Reference: Landing Page (Not logged in)
- A developer can initiate the create account flow from the Landing page.
- The solar developer will first create an account on this web-site to access property lists of potential locations for solar developments.
- They will enter a unique login name and password, as well as details about the company.
- Need the ability for the user to upload any additional documents, show us how the user will be able to add many documents
- User will need to agree to the terms and conditions before they proceed in creating an account
- Show us how the layout will look like, if there are any errors?
- Once the user has successfully created an account, we need to show a success message and allow the user to sign in.
- Also show how the error screen will look like.
3) Solar Developer Landing Page:
Reference: Solar Developer Landing Page
- Once the user is logged in they see this page.
- This page shows list of properties and allows the to search through the list that matches the criteria entered (see below).
- User will have the ability to add a property to favorites.
- We need to display the filters, capture all required filter items..how do you think these required filters need to put up in the design?
- Allow the list of items to be sorted, how will they sort? (look for the options shown under the sorting drop-down)
- We would like to have a map with the properties (you may use google maps - make sure to comment about the usage).
- Based on the chosen criteria, results are shown and user selects the potential site to view more details.
4) Property/Site Details:
Reference: Solar Developer Landing Page > Site Details
- This page has the details about the property.
- We need all details as shown in the wireframe
- We need to display the land suitability grade, it needs to have a prominent location in the page
- Allow the ability for the users to Add a property to favorites and also provide option to send interest in leasing the property.
- Need to show a map that indicates the exact location of the map marked with a border and other details (like cell phone tower, wetlands, etc) that acts as a hinderance to solar development.
4.1) Send Interest:
- Clicking on “Send Interest” button show this modal window.
- How can we show these in the designs?
5) My Profile:
Reference: Solar Developer Landing Page > My Profile
- This is almost same as the my profile.
- Looking for you thoughts on how the user edits their profile?
6) Favorites:
Reference: Solar Developer Landing Page > Favorites
- This is similar to solar developer landing page
- In this page, we show the list of properties that has already been added to favorites
- Provide a way for the user to remove the a property from the favorites list.
B. Landowner Functionality:
7) Landowner - Create Account:
Reference: Land Owner Create Account
- A landowner can initiate the create account flow from the Landing page.
- Landowners would create an account before they lease out their parcels to developers.
- They will enter a unique login name and password and agree to have SLS promote these parcels to solar developers on their behalf, with a limited term of exclusivity (1-2 years).
8) Landowner Landing Page (List of Parcel/Sites):
Reference: Land Owner Landing Page
- User will be able to see the list of land that has already been submitted (they will be able to see list of lands that were already approved, pending sites that are waiting for approval and lands that were saved as draft)
- Do you think, it will be good to have icons for these?
- For lands that were already approved, user will receive interest from the developers..how do you think we can indicate the interests that were received (notifications - wireframes shows this idea)?
8.1) Site/Parcel Details:
Reference: Land Owner Landing Page > Site Detail
- In general, when the user selects to view an approved site details, they see this page.
- How do you think we need to show the list of interest that were received from the developer.
- We will need the ability for the user to view the exact listing of this site (i.e. how the site will look like for a developer - this will be almost same as "Solar Developer Landing Page > Site Details").
8.2) Draft Site Details
Reference: Land Owner Landing Page > Site Detail Draft
- In this page, a user will be able to see the site details that saved as a draft...how do you think this need to be shown?
- Please capture all the details that shown in the wireframes
- Looking forward to ideas on how to come up with design for this page.
- Pending Approval Site Details (Reference: Land Owner Landing Page > Site Detail Pending Approval): This is same as a draft site details page, just need to show the status and the date that was submitted.
8.3) Rejected Site Detail:
Reference: Land Owner Landing Page > Site Detail Rejected
- In this page, a user will be able to see the site details that were rejected...how do you think this need to be shown?
- User will be able to see the rejected status, along with that they will be able to see dates when submitted/rejected and the reason why it was rejected.
- Please capture all the details that shown in the wireframes
9) Add a New Site/Parcel:
Reference: Landowner Landing Page > Add Site
- Need a form that allows the user to enter a new site
- We like the wizard like form that allows us to break up information into steps, if you have better ideas feel free to shown them.
- We need all required contents from the wireframe
- User will have the ability to save the in-progress site as a draft
10) Style Tile:
- We would like you to create a style tile that will help developers.
- This Style Tile need to have the below at a minimum but feel free to add anything that would help developers
- Explore these references to learn more about style tiles: Reference 1, Reference 2
Links / Buttons Colors:
- Button colors (normal / hover states)
- Link colors (normal / hover states)
Typography:
We would like you to identify and define the list of fonts and the specific color, font size used:
- Headers
- Sub-headers.
- Paragraphs.
- etc.
Target Audience:
- Developers and Landowners
Judging Criteria:
- Is the design styled to be appealing and desirable?
- Is the design visually resolved and does it evoke an emotional connection with the user?
- Does the design convey the function and use unambiguously and intuitively
- Does it clearly convey what the app is supposed to let you achieve / what problem it is designed to solve.
- Is it consistent of IA, visual and interaction design throughout the site?
- Does the design perform the function it was designed for?
- Is the design easy to use and understand?
Submission & Source Files:
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.