Sellingly - an HTML app - needs a rethought and redesigned UI.

Computación

While Sellingly does "run" in Outlook, it is simply an HTML-based application that helps sales professional better manage their e-mail relationships with leads and customers through reminders, e-mail suggestions and stats.

======================== OVERVIEW: ======================== We need HTML designs for 3 screens of our application. Looking to create the gloss of an iPhone App and the sleek modern feel of web 2.0 / social application or dashboard.  Eventually, it will need to be coded into HTML. The application - Sellingly - "runs" inside Microsoft Outlook, but don't let that fool you.  All that means is that a mini web browser is embedded in Outlook to load the content from a webpage. ======================== SUGGESTION: ======================== The mock-ups provided below are to show you the elements required, NOT THE LAYOUT.  I would much rather see original designs that make room for every element than I would see a cleaned up version of these designs. The application is very text-heavy. As such, I'd love to see great, small icons and graphic detail to help bring it to life. ======================== THE SCREENS: ======================== For ease, I'll call the screens by A/B/C from here on out.  You can see the position of all 3 in the file "sellingly_3windows" A) The Main window:  Seen in Sellingly_main and Sellingly_main_v2 B) The Message Window: Seen in Sellingly_Template C) The Modal Window: Seen in Sellingly_bulk ====== A) ====== Width: 300px Height: 600px minimum, but it will grow. Scroll bars:  Element only, not entire screen Windows Title Bar:  Only visible in rare situations, but since it is sometimes, app designed title bar should go on the bottom. This is the main screen users will interact with, and thus should be the "center" of your designs.  State #1:  - Visible when reading an e-mail of a known contact  - The top 1/4 of the page displays information about the sender of the e-mail    - One unlear element is the "phone/person" icons I used.  These are meant to be buttons that can be pressed to tell the app that though no e-mail has arrive, you have spoken with the contact either on the phone or in person.  - The history items (sent/received/phone) are meant to be in a table.   State #2:  - Visible when reading an e-mail of an unknown contact  - The top 1/4 of the page displays a few options to start tracking the user and/or get company information. Both States: In both states, and arguably the most important element of the page, there lower 3/4 displays who is scheduled to be contacted and when.  It is broken down into time ranges (overdue, today, tomorrow, upcoming and everyone) and each list would display the people in that range. I used a vertical accordion to display this, but as you can see in my v2 mock-up, I'm open to different layouts.  In #1 I display the people to be contacted today, and in #2, I display the upcoming contacts.  In this case, there is an extra column since I need to display when they should be contacted. ====== B) ====== Same dimensions as A) ====== C) ====== Width: 800px Height: 600px minimum Scroll bars:  OK Windows Title Bar:  Always visible This screen is a modal window The screen needs to display a list of contacts who are going to be e-mail, a selector where templates can be chose, an option to create a new template and a preview/edit screen to see and modify the selected template. ======================== FINAL: ======================== I'm attaching my logo, as well as an early working prototype (screenshots). The prototypes should not be considered for design or elements, but rather only used to understand where they screens will appear.  I really want to see UNIQUE designs.  I'll choose the designers who show the most originality and work with them in the final round to produce something great. Good luck to everyone.

Ask as many questions are you like, let me know if you need more mock-ups, explanations, etc. I'm definitely looking for a designer who I can later work with on website design as well as other app screens, so I can't wait to see everyone's work. Here are a few external resources that might help. Inspiration: Xobni -This is a similar product in terms of screens - not functionality. The app loads right-docked in Outlook. https://www.xobni.com/download/outlook (also, use google image search for more Xobni screenshots) I'm open to both light and dark designs: Light: http://www.kontagent.com/product/ Dark: http://f.cl.ly/items/2405272l2A1z3A1f3S06/exec.jpg Finally, some app designs I love: http://dribbble.com/shots/502677-Venue http://dribbble.com/shots/521530-Qiwy-IOS-app-switches http://dribbble.com/shots/194100-Issues-App-take-1 http://dribbble.com/shots/391714-Archivme-iPad-app-iOS http://dribbble.com/shots/173370-UI-Design-for-Rss-Reader-app-Pokki http://dribbble.com/shots/291543-Tweeki-App-UI-Profile-screen

Toda categoría de diseño tiene precios flexibles para todos los presupuestos. Otro diseño de web o app comienza en US$599.