FAST!! 72Hrs Email Signature Chrome Extension UI Prototype

Register
Submit a solution
The challenge is finished.

Challenge Overview

Project Overview

The customer is looking for a way to allow Google Apps users to setup a standard email signature, using a menu-driven process. This challenge is to deliver a tool which will allow users to set standard email signatures to their own accounts.

Competition Task Overview

This challenge should implement the UI Prototype in a chrome extension.

Chrome Extension Developer Home: https://developer.chrome.com/extensions/extension

Front-end User Experience

Step 1

  • User will select whether or not to use the company logo in his or her email signature.
    • Selecting <No Image> means that no graphics will be shown in the signature. 
    • Selecting Standard Logo means that the company logo (which will be hosted on a public facing website) will be shown at the base of the signature.

������Step 2

  • General user information
    • name (required)
    • title
    • firm entity name (required)
    • firm website url - change to an uneditable textbox, it will be updated automaticlly when user selec the fire name. (you can hard code some values in this challenge).
    • preferred phone number - change to a drop-down list and align to other fields. three options: Office, Mobile, Phone
    • office phone number
    • mobile phone number
    • fax phone number number
    • internet email (required)
    • office mailing address (required)
    • (check box) legal disclaimer 1 (not shown in the screenshot)
    • (check box) legal disclaimer 2 (not shown in the screenshot)
  • Note:
    • the layout should support more or less legal disclamier checkboxes
    • user should input at least one phone number (office / mobile / fax)
    • phone number format / validation: starts with '+' and allow whitespaces, '(', ')', '0'~'9'.
    • if any required field is missing, please show an alert message when user try to move to step 3 and stay at the step 2 until user filled all required information

Step 3

  • Show the email signature preview, the red box should be a button and show the email signature preview below the preview button with a border.
  • Sample email signature (name is italic bold 10pt Georgia font with dark red 2 color (#a32020))

Homer Simpson
Nuclear Safety Inspector

Springfield Nuclear Power Plant, LLC
742 Evergreen Terrace, Springfield, IL 12345
Tel: +1 555 555 2332
Fax: +1 555 555 2345
homer@springfieldpower.com

Browser Requirements

  • Latest Stable Chrome


Final Submission Guidelines

Submission Deliverables:

  • Chrome Extension with Source Code and Resource Files

ELIGIBLE EVENTS:

2015 topcoder Open

Review style

Final Review

Community Review Board

Approval

User Sign-Off

ID: 30045070