The Clover

Great design with reasonable price!

$614 paid

36 custom designs

10 pre-qualified designers.

Learn more about Mobile App Design Contest

Winning design #34 by jgrieg, Mobile App Design for The Clover Contest
Gold Medal

designed by jgrieg

Project description

Introduction: The application will be used with "The Clover" - a peripheral device that continually send a heartbeat signal to the application. The application needs to track and detect multiple devices as well as allowing the user to add new device, remove existing device and edit their account information Design Detail: 1. Style: Flat UI 2. Logo file is attached Pages: 1. Home Page 1.1 Login Popup 1.2 Signup Popup 2. Account Page 2.2 Change Password Popup 3. Device Page 4. New Device Page 4.1. Passcode popup (or inline, depends on design) 4.2 Confirmation Popup Page Detail: 1. Home Page: Main page that will be shown to the user once the user open the app. The page should include 1.1 Account Button: Bring user to account management through log in system (to 1.2) 1.2 Login Popup: Shown if the user press [Account Button], to log in to account management 1.2.1 Account Name : to receive user ID for log in 1.2.2 Password : to receive Password for log in 1.2.3 Sign In Button: Bring user to Account Page (to 2) 1.2.4 Sign Up Button: if the Account Name and Password is blank, the [Sign In Button] will change to [Sign Up Button] (to 1.3) 1.2.5 Forget ID/Password Button 1.3 Signup Popup: Shown once the user press the [Sign Up Button] 1.3.1 Account Name : to receive user ID for set up 1.3.2 Password : to receive Password for set up 1.3.3 Retype Password : to double check Password for set up 1.3.4 Email : to get email from user 1.3.5 OK Button: to create account 1.3.6 Cancel Button: to cancel sign up 1.4 Sign Up Fail Popup: to be shown if the sign up fields are incorrect 1.5 Sign In fail Popup: to be shown if the sign in fields are incorrect 1.6 Label displaying account name (In case that user already log in) 1.7 Add Device Button: take user to (4) New Device Page 1.8 List of device that is already added into the account. Each list entry should include: 1.8.1 Device name. 1.8.2 Device signal status (ranging from full to out of range) 1.8.3 “Manage Device” Button that would take user to (3) Device Page 1.8.4 Delete Button to remove the device from user account. 1.9 Buy Button - will redirect user to Clover’s website to buy Clover device online 2 Account Page: Account page will shows general user information as well as allowing the user to add/remove “Safe Zone” location - A geolocation that is stored in user account as safe. The page should include 2.1 Account name (Changeable) 2.1 Change Password Button 2.3 Logout Button 2.4 Back Button 2.5 Display Safe Zone: There could be none or multiple safe zones 2.5.1 Safe Zone Name: Possible value such as home, office, etc. 2.5.2 What else to be shown is up to you 2.6 Add Safe Zone Button 2.7 Remove Safe Zone Button 2.8 Email (Changeable) 3. Device Page: This page is for device management. It shows details of the device 3.1 Device Picture (Click to change) 3.2 Device Name (Changeable by user) 3.3 Passcode (Fixed text field) 3.4 On/Off switch indicating if the device is set as “Lost Item” (can be turned on and off) 3.5 On/Off switch for Device Alert (if on - the device will beep continuously) 3.6 On/Off switch for Lost Alert (if on - the device and phone will beep once when they’re not connected) 3.7 Map showing last location of the device and time 3.8 Back Button 4. New Device Page: New Device page is the page that shows all unregistered devices nearby and allows the user to add those devices into their account. 4.1 Scanning indicator: Show when the app is scanning for devices around it 4.2 Back Button 4.3 List of new devices nearby. The list will show after the app finish scanning. The list should include 4.3.1 Device name 4.3.2 Add Button: Bring user to device adding process (to 4.3.2) 4.4 Passcode popup, will be shown once the user click Add Button. The popup should include 4.4.1 Passcode : to receive Password to add the device 4.4.2 Add Button 4.4.3 Cancel Button 4.5 Confirmation popup: Shown once the device is added into the user’s account 4.6 Fail popup: Shown if the passcode is incorrect

Read full brief
  • Blind Contest

    Blind icon

    Entry

    Opacity 80%
  • Blind Contest

    Blind icon

    Entry

    Opacity 80%
  • Blind Contest

    Blind icon

    Entry

    Opacity 80%
  • Blind Contest

    Blind icon

    Entry

    Opacity 80%
  • Blind Contest

    Blind icon

    Entry

    Opacity 80%
  • Blind Contest

    Blind icon

    Entry

    Opacity 80%
  • Blind Contest

    Blind icon

    Entry

    Opacity 80%
  • Blind Contest

    Blind icon

    Entry

    Opacity 80%
  • Blind Contest

    Blind icon

    Entry

    Opacity 80%
  • Blind Contest

    Blind icon

    Entry

    Opacity 80%
  • Blind Contest

    Blind icon

    Entry

    Opacity 80%
  • Blind Contest

    Blind icon

    Entry

    Opacity 80%
  • Blind Contest

    Blind icon

    Entry

    Opacity 80%
  • Blind Contest

    Blind icon

    Entry

    Opacity 80%
  • Blind Contest

    Blind icon

    Entry

    Opacity 80%
  • Blind Contest

    Blind icon

    Entry

    Opacity 80%
  • Blind Contest

    Blind icon

    Entry

    Opacity 80%
  • Blind Contest

    Blind icon

    Entry

    Opacity 80%
  • Blind Contest

    Blind icon

    Entry

    Opacity 80%
  • Blind Contest

    Blind icon

    Entry

    Opacity 80%

Comments