Challenge Summary
Welcome to (FreeBeer) – Mobile Quoting Application Design Concepts Challenge. This challenge is focused on creating design concepts and visual ideas for a web-based mobile application to show the user experience of an innovative first-of-its-kind home insurance quoting application.
We do not currently have a web version of this application and need your expertise to create a one-of-a-kind experience!
In this challenge we are looking for DESIGN CONCEPTS on how UI/UX of this web-based Mobile Application should be designed in order to help achieve our business goals.
Round 1
Submit your initial wireframes for Checkpoint feedback
0) Navigation
1) Landing Page
2) Login Page
3) Registration Page
4) Take a picture
5) Property Address
6) Property Information
Notes.jpg: Any comments about your design for the Client
Round 2
Your Final wireframes for all the required pages with all checkpoint feedback implemented.
0) Navigation
1) Landing Page
2) Login Page
3) Registration Page
4) Take a picture
5) Property Address
6) Property Information
7) Quote Information
8) Manage Information
9) Manage User Profile
Notes.jpg: Any comments about your design for the Client
FreeBeer is an insurance company. For most insurance companies, the process of getting a quote on home insurance occurs via a phone call. The homeowner calls a licensed insurance agent, who uses a web-based agent portal to generate a quote. The typical quoting process involves the homeowner answering many questions such as:
- Age of house
- Type of construction
- Proximity to water
- Flood zone
- Prior claims
and many more questions. We want to make this much easier and faster for both the homeowner and agent. The primary user for this application is the homeowner, although insurance agents could also use it.
Note: FreeBeer is a code name for the client.
Supporting Documents:
- Branding Guidelines (Branding Guidelines.pdf.zip)
Design Concept Goals:
- How should this web-based mobile/tablet application work?
- Suggest screen flows, navigation and screen effects.
- How intuitive is the user experience?
- How quickly can you find information?
- What is the best UX for a homeowner researching insurance for existing or new homes.
- Think simple but effective solutions! Have fun creating this - let us know how you think it should work!
- We want this to be designed simple/clean/sophisticated!!
- What would drive an average consumer to shop for Homeowners Insurance on the mobile?
- What events would trigger the thought of shopping for Homeowners Insurance on mobile?
- Even though we're doing another app design for FreeBeer and are using the same branding, if you're designing for both challenges see if you can make this one different enough so the users can tell it is a separate app but part of the same company!
Submission Details:
- Use the 320 x 480px (Standard sizes) for submission format.
- Make sure you create graphic in 'shape' format, so when resize for retina versions, graphic still look sharp!
- It will be great if you can provide the landscape version.
- Make sure you include screen effect ideas.
User Story:
- Homeowner is shopping for insurance for their house.
- The Free Beer insurance web site prompts them to install the quoting app on their mobile device.
- They open the application and point the camera at a property and take a picture.
- The user accepts the picture.
- The application shows the address to the user for validation. If the address is incorrect, the user corrects the address.
- Alternatively, if the user does not want to take a picture, they can bypass the picture and enter the address directly.
- The user accepts terms and conditions and chooses "Get a quote"
- The application shows information about the property and a quote for insurance.
- User can save the quote, view information about the quote, or talk with an agent
- View information about the quote.
- User can manage quotes
- User can manage profile:
-- Registration is not necessary to use the application
-- Registration is optional
- User can select "talk with an agent"
Challenge Requirements:
- This will eventually be a responsive design - think mobile first and what the best user experience is for this application
- Design the overall screen flow optimized for smartphone browser.
- Design each screens with simple/clean/sophisticated manner, without going too far from the company branding look & feel.
- Review the user story and capture the interactions needed
- Be creative on screen flow, screen design and screen effects!
- Review the submission rounds for requested screens.
Required Screens:
- We are looking to the community to come up with interesting ideas for the workflow - we’re absolutely open to creative solutions! Here are some of the items that we think should be included:
- User should be able to talk to agent from any screen, by adding a call button to call agents directly.
- You can use a placeholder for the logo.
0) Navigation:
- How does the user navigate this application?
- Include navigation that you think fits with this application
- Focus on the priority items and how things should be sized
1) Landing Page:
This is the landing page for the application.
- It should very clearly show what user can do with this application and what the application is all about.
- A user can also click into a “getting started” section to get a more detailed overview of how to use the application.
2) Login Page:
- Login is optional and includes:
-- A user will be able to enter username, password have a Login button.
-- We also need a Forgot Password link.
3) Registration Page
- Registration is optional and includes:
-- email address or phone number as login
-- Password
-- Supports social login
-- Select preferred agent
4) Take a picture:
- The user points the camera at a property and take a picture.
- The user accepts the picture.
- This will probably initially be using the user's native Photo app on their mobile device, so design for that and consider how that interacts with an application
5) Property Address:
- The application shows the address to the user for validation. If the address is incorrect, the user corrects the address.
- Alternatively, if the user does not want to take a picture, they can bypass the picture and enter the address directly.
- The user accepts terms and conditions and chooses "Get a quote"
6) Property Information:
Information includes the following:
-- Shows the property on a map
-- Year built
-- Estimated value
-- Construction type
-- Flood zone
-- Type of construction
7) Quote Information:
- User can save the quote, view information about the quote, or talk with an agent
- View information about the quote shows:
-- Coverage and limitations
-- Assumptions about the property
-- Terms and conditions
8) Manage Information:
- User can manage quotes:
-- View previous quotes
-- View detailed information about previous quotes
-- Talk with an agent about the quote
9) Manage User Profile:
- User can manage profile:
-- Registration is not necessary to use the application
-- Registration is optional and includes:
--- email address or phone number as login
--- Password
--- Supports social login
--- Select preferred agent
IMPORTANT:
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
Target User:
- Homeowner.
- Insurance Agent.
Judging Criteria:
Your submission will be judged on the following criteria:
- User experience
- Completeness and accuracy of the areas of functionality and content
- How well your wireframes provide a consistent user flow and clear information architecture for the application
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.