JesseH様は99designsでウェブページデザインコンペを開催しました。
26人のフリーランスデザイナーから集まった228エントリーの中から、優勝者が選ばれました。
Noomii.com
Noomii is a interactive 2.0 coaching site. For this contest we are looking for top-designers to work on pages behind the login (non-public pages). At the completition of this contest we will release a second contest for the public pages. The successful and talented desinger that we select for this intial contest will have an excellent opportunity to complete the redesign with the second contest!
Please take sometime to look around Noomii by going to: http://noomii.com/login
DO NOT CHANGE THE INFOMATION BELOW
user: noomii99designs@yahoo.ca
pass: 99designs
DO NOT CHANGE THE INFORMATION ABOVE:
The account above (Jennifer Tuck) has a series of clients and different ways of interacting with these clients. The pages of Noomii are interactive and interrelated. A good understanding of this will help you create a successful design.
Noomii has 3 Primary use cases:
1. Individuals. This is our free, buzz generating product offering. This group of people are our early adopters and are tech-savvy indivduals. They know the difference between Firefox and Internet Explorer. A key segment of this group is women from 25-45. This audience is looking for and expect a polished 2.0 product with a polished 2.0 design
2. Professional Coaches. This service provides professional coaches tools to manage their clients. Functionality is key to this segment.
3. Corporate Clients. We have a number of corporate businesses who manage their franchisees through Noomii. Ease of use and functionality are important to this segment
We are seeking mock-up designs in properly layered and organized .psd format for the following pages (Start work on the profile page):
1. PROFILE PAGE: to reach 'profile' page--> Login --> click 'ME' --> About
2. COACHING PAGE: to reach coaching page ---> Login --> click 'ME' --> 'Coaching Pages'
-------------------------------------------
Coaching Page Requirements
-------------------------------------------
A) When you reach the coaching page, make sure that you click on the various buttons and links to see the interaction. In particular, make sure you click on a 'coaching session' add and remove todos and goals and schedule and remove a session. Your mock-ups should show the various states of these pages.
B) Keep the widget look and feel established in your previous designs.
C) Include buttons, icons and links to make it intuitive what each widget does.
We are winding down the contest here! I hope everyone has saved their best effort for last! We are really looking forward to seeing your interpretation of the coaching page!!
-----------------------------
End Coaching Page
-----------------------------
3. GOAL PAGE: to reach 'goal' page Login --> click "ME" --> "Goals" --> then select an individual goal. The detail page is the one we want to see.
---------------------------------
GOALS PAGE BRIEF:
---------------------------------
A) Keep your header, footer from your previous design. Have a look at the 'Goals' image on the brief and/or http://www.noomii.com/users/jennife
B) Include the following widgets: Images, Google Ads, Todos, My Other Goals, Comments, About (general). Also include blank widgets that do not have any information in them to show and empty state. For this, do Images, Todos and Other Goals.
C) Somewhere on the page, we need an action list similar to that on the profile (remove as coach, add as partner etc). Preferably in a similar place to where you have placed it on the profile page. In this action list have the items: I want to do this, I did it, Hide my goal, Make my goal Public, Delete my goal
D) For the google ads widget it does not have to be a skyscraper. You can use any size. Have a look at https://www.google.com/adsense/stat for examples. But we do need to have adsense on the page. Border colors are customizable so you should be able to slip them in. Have a look at our articles page for an example. http://www.noomii.com/articles/26
E) It can be a two column or three column design, but for look and feel inspiration (only!) have a look at http://webdesign.meetup.com/395/ Use icons effectively (like meetup has) to guide the eye around the page.
There are so many possibilities about how to organize this information! I am really excited to see what everyone comes up with! Again, please limit your entries to individual designs with distinct differences. This will help us provide more concise feedback. Thanks!
---------------------------------------------------------
THE MOST IMPORTANT TAKEAWAY:
---------------------------------------------------------
Yes, we want Noomii to look good. But more importantly, we want it to work well and intuitively. #1 focus is usability. Please avoid distracting graphics and elements. The focus is on making it easy to use Noomii. Please keep that in mind when working on your design.
Best of luck everyone, please ask if you have any questions!
Happy Designing!