Brainscape got their new other web or app design by running a design contest:
Bold UI Design for Educational Web App
Check out Brainscape's Other web or app design contest…
Brainscape (brainscape.com) is a web and mobile education platform that helps students study more efficiently. Our user experience is centered around the concept of "smart flashcards". Students can find, create, organize, share, and study flashcards in both our web app and our mobile app(s), and keep all their data in sync between devices. Our user base ranges from high school students (~age 14) through graduate and medical students, and even includes professional & corporate users. We are targeting the more serious, high-stakes learners in those demographics, who care a lot about studying efficiency and tracking their learning progress visually. It is important for us to feel like the most powerful, efficient, fast, and modern flashcard platform in the world -- and one that is easily "extensible" to other features beyond flashcards in the future. But our current web and mobile UX was build over 5 years ago and desperately needs a refresh. We are looking for the UX design feel of "a bold, yet playful, utility".
What's your vision?
We have recently completed a several-month process of sketching, refining, prototyping, and testing low-fidelity wireframes for a totally new web application. This web app design overhaul will affect all screens that the user encounters *after* being logged in. We are now at the phase where we are ready to "skin" the prototypes and prepare them for implementation. This contest is simply to design the UI for the user's main 'dashboard' page for a particular class. You can see the attached wireframe for guidance of the main navigation elements. If you are selected as a winner, we will likely continue to work with you to skin the rest of our web app's screens with a similar skin. To see a visual concept of the screen, we recommend both (i) creating a free Brainscape account, logging in, and looking at the main My Classes screen, with a particular class (e.g. Knowledge Rehab) selected in the main area; AND (ii) referencing the wireframe that we have attached, with the new site navigation (but the same general functionality as the current live web app). The screen should contain the following elements: (1) A top navigation bar with the Brainscape Logo and options to Find Flashcards and Make Flashcards, as well as a User Profile avatar to the far right (2) A collapsable left panel, allowing the user to quickly navigate to other classes or all the way back to their Profile screen. At the bottom of the Class List in the left panel should be options to Create New Class or Browse Catalog (3) A full-screen main area serving as a "container" for all elements of the selected class. When the left panel is visible, it should be clear that the class selected in the left panel is the same class that is visible in the main area of the screen. (4) The screen should consist of a large title area at the top, which contains (i) the class name; (ii) class icon; (iii) study progress indicator (either a mastery bar, a progress wheel, a single % stat, or whatever else you think would best represent the % of flashcards mastered in the class); (iv) a drop-down options menu with Class Actions; and (v) a Help info icon. Also, there should be an icon in top-right that allows the user to show/hide the top and left nav bars, to focus more exclusively on the class at hand (5) Underneath the title area should be three tabs: (i) Class Info; (ii) Decks; and (iii) Learners. The tab selected for this contest design submission should be the *Decks* tab. (6) At the top of the list of Decks should be quick links to Create New Deck and Import Deck. At the bottom of the list of decks should be a lightly colored placeholder "new deck" that the user can easily click to create a new deck on the spot. (7) Inside each Deck in the list should be the following elements: (i) Deck Name; (ii) Deck Mastery Indicator (either a mastery bar, a progress wheel, a single % stat, or whatever else you think would best represent the % of flashcards mastered in the deck); (iii) Ratio of Cards studied over total cards (e.g. 17/56 Cards Studied); (iv) Quick links to Study, Preview, or Edit; and (v) a Deck Options drop-down menu with additional features. That's it! Remember that Brainscape should feel like a smooth, modern utility app, but should also consider lightly "playful" elements as well.
We strongly suggest that you actually use Brainscape's web app for a few minutes before submitting your designs. Create an account. Study some flashcards in a few decks of Knowledge Rehab. Perhaps even create your own Class and Decks. Get a good feel for all the features you might use on the main My Classes screen (i.e. the screen that you're redesigning in this contest). Extra points if you play with our mobile app too. While that's not part of the current spec, we'd want these current web designs to eventually be extensible to the mobile app, as well as to any future features we might add to Brainscape beyond just flashcards. You may also want to consider incorporating colors from the 1-5 confidence buttons on the Study screen, into your design for this Class screen.
Every design category has flexible pricing for all budgets. Other web or app design starts at €549.
Full copyright with production-ready files for digital and/or print.
It all began with a design brief.
A quick, interactive guide helped them understand their design style and captured exactly what they needed in their other web or app design.
Designers across the globe delivered design magic.
Brainscape collaborated with designers to refine their ideas
When design entries come in, you can rate them so designers know what you’re looking for in your logo design.
99designs has great collaboration tools so you can pinpoint and capture your ideas
And then… they selected a winner!
Along the way, they met lots of talented designers…
We think contests are a super fun way to get design.
Recently completed contests:
RocketOptionU is a trading course designed to make learning about options achievable in a way for both beginner and inte
Sensory stimulation, child development and mental wellbeing. Parents, children and education setting.
Sophisticated and sexy (suggestive) logo to appeal to guys (mainly) to learn conversing in a foreign language
The product/service is in the EdTech (Educational Tech) space for students to learn and converse in their respective for
This logo is for an online course that teaches new and experienced real estate investors how to acquire a 2-4 unit apart
Community Leaders for Change is an initiative led by a charter school system to help community leaders who want to run f
FOR ENGLISCH SEE BELOW Das Gedenkstättenreferat wurde auf Wunsch der Gedenkstätten zur Erinnerung an die NS-Opfer in de
Ratataz is a subscription service that provides STEM and STEAM Kits for classrooms, after-school programs, co-op groups,
Gamers and businesses, ages 18-40, mostly male. We sell both custom gaming computers and custom business workstations.
We provide simple and affordable data gathering for our users from websites so that they can make good decisions.