ashish.dixit got their new other web or app design by running a design contest:
Define a Web Components Responsive UI Style Guide
Check out ashish.dixit's Other web or app design contest…
The application in question is an existing Web Based SaaS product consisting of multiple application and features. Its related to education and its audience will be student, teachers and parents who will be accessing the product from Mobile devices to Desktop computers.
What's your vision?
We need a clean, clear, modern components style guide for a Web based portal that will help us define different elements of our system. These components will be completely web based and should be Responsive (in order for them to remain functional on Mobile devices as well). We will be using Bootstrap (http://getbootstrap.com/components/) to implement the new design but it does not include (or we want to customize) some of the controls that we need (which we will create as custom). We want these elements to be defined as the Style guide. These elements are: (1) Side Bars and Application Contents Panel (2) Form Elements These include: (2.1) Buttons (Primary, Secondary) (2.2) Text Field (2.3) Date Field (2.4) Email Field (2.5) Multi-Select (2.6) Tag Input Field (2.7) Text Area (2.8) Composite Field (Containing multiple sub fields) (2.9) Radio Buttons (2.10) Checkboxes (2.11) Fieldsets (3) Grids (3.1) Tree Grid (3.2) Controls in Grid (3.3) Actions in Grid (3.4) Locked Columns Support in Grid (4) Modal Component (5) Wizard Component (something new, we do not have it in the App right now) Samples for these elements from the current system are attached. As described above, you can use Bootstrap for inspiration. Overall we are looking for something like these: (a) https://s-media-cache-ak0.pinimg.com/736x/22/76/4d/22764d9a86b81427915fe18c8b2feffd.jpg (b) https://i.stack.imgur.com/c0cwf.png (c) https://media.24ways.org/2015/hutchinson/ui-toolkit.png (d) http://vanimg.s3.amazonaws.com/bootstrap-4.jpg But with textual details for: (a) Font Family and Size to use (b) Heading (H1, H2, H3 ...) styles (c) Paddings and Margins Values (d) Grid System details, if applicable
Some important points. =========================================== (1) All controls that we have need to be responsive. They can lose some aspects on smaller screens but they should remain functional. (2) We would need a vector variant of the UI Style Guide so that we can extract any artifacts as needed. (3) We have a lot of content in some places so we might not be able to show a single column at-least not on a desktop grade web browser so in that case - Left, Right sidebars will be added (4) We have not finalized the logo for the system right now so you are free to use any color combinations but we are inclined towards combinations of orange, gray, black. Sites for Inspiration: ========================================== (1) https://www.codecademy.com/ It’s very clean and looks good on all kind of web devices. The color choices and the elements do not distract the user allowing them to focus on the contents. One thing we do not like is, we will have a lot of content and data so the spacing used is something that will not be practical for us. (2) http://www.skolaro.com This is the portal that describes the actual product. We do not want to change this portal but it can help about understanding the business and the requirements better. Especially this page: http://www.skolaro.com/portal/index.php/k-12/ which incldes some wireframes of the system.
Every design category has flexible pricing for all budgets. Other web or app design starts at $599.
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.
ashish.dixit 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:
Thrivalist is an online sobriety course for women to help them quit drinking alcohol. www.thrivalistsobriety.com Our po
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
WoMeditation is a group focused on creating audio experiences for women with a goal of reducing anxiety and stress and i
Everyware offers a simple contactless billing solutions for companies in every industry. Our Pay by Text platform helps
Ratataz is a subscription service that provides STEM and STEAM Kits for classrooms, after-school programs, co-op groups,