UI for Online Code Editor

Winner
Contest winning design

Want to win a job like this?

This customer received 23 web designs from 9 designers. They chose this web design from looptriks as the winning design.

Join for free Find Design Jobs

  • Closed - Design Selected
  • Guaranteed

Web Design Brief

I need a UI design for an online code editor called Spritely.

Spritely is an online code editor for web developers, that aims to be an intuitive and beautiful editor that you can use on any device or browser. The current prototype can be viewed at http://spritely.io/editor

I am completely open to different colours and UI approaches, feel free to invent a new way for people to code :)

The final design should be something that is clean, elegant and functional. I will favour designs that are genuinely nice to look at and have a 'mac app' polished feel to them.

I have uploaded a psd that will provide a basic idea.

Go crazy, All ideas will be considered.

Info Icon
Updates

Update: Payment is now Guaranteed.
Added Tuesday, August 06, 2013

Target Market(s)

Web Developers

Industry/Entity Type

Online


Look and feel

Each slider illustrates characteristics of the customer's brand and the style your logo design should communicate.

Elegant
Bold
Playful
Serious
Traditional
Modern
Personable
Professional
Feminine
Masculine
Colorful
Conservative
Economical
Upmarket

Requirements
Must have
  • -Tabs: similar to chrome tabs, for different files.
    -Line numbers
    -The editor text area
Nice to have
  • -An expandable/contractible file manager, on either side of the editor.
    -Related files area under tabs. This is for quick access to files that have been included in the users code (ie jquery.js, etc). This will likely be expandable/contractable.

Files
Payments
1st place
A$550
Participation payments x 2
A$20
Total
A$590

Project Deadline
14 Aug 2013 08:32:00 UTC
Language