Creative UI design for web application
¿Quieres ganar un trabajo como este?
Este cliente recibió 31 diseños web de 11 diseñadores. Eligieron este diseño web de pb como el diseño ganador.
Únete gratis Encuentra trabajos de diseño- Garantía
Resumen de Diseño Web
I need a new UI design for my web application. It will be used by small and micro business owners to plan & implement growth tactics.
I've attached the current design (which I'm open to be changed) - but in particular I need to design the centre of the screen, where the work actually happens.
There needs to be place for a title (YOUR BUSINESS) and description (say 1-2 paragraphs of text) - and am happy to include icons or imagery where makes sense. It may make sense for the user to be able to upload their business logo and name, for example.
This screen will be used by the business owner to understand the real value they offer potential customers and their point of difference - why they exist and why potential customers should care.
They'll use the information they put into this screen to plan things like their messaging.
Following that, there needs to be 2 sections in the dashboard.
The first section is titled "WHO YOU ARE"
The first section will include a number of boxes that the user can input information into, as follows:
- Logo
- Business name
- Business tag line
- Business vision
- Business bio
- Brand colours (these should end up as swatches based on the colour code they enter) - the colour code for each colour swatch should also be visible.
- Key competitors
- SWOT analysis (boxes to enter their strengths, weaknesses, opportunities and threats).
The second section is titled "WHY YOU EXIST"
The second section will include a number of boxes that the user can input information (text) into, as follows:
- Who are your ideal customers?
- What problem are you trying to solve for them?
- What pain points will this remove for them?
- How do you solve it?
- How else could this problem be solved?
- Who offers these other solutions?
- Why is your solution better?
- How much does your solution cost?
- What value are you providing to justify this cost?
- How will this make their life/job easier/better?
They should be able to write a decent amount of information in the boxes.
There should ideally be a place for a description for each of these text fields (for both section 1 & 2) as well so I can give them a little bit more direction around what to put in the box. Alternatively there could be a little icon (say a question mark or "i") that they could click on to view instructions. The instructions will be around 2-4 sentences long for each text field.
You have 2 options:
a) This all needs to appear on the one screen, and the navigation needs to be visible (as per the example attached but feel free to recreate this navigation)
Note: the page can scroll below the fold - but please provide the design for the full length of the page.
b) Potentially the 2 sections could actually be in 2 different items in the menu - YOUR BUSINESS and YOUR VALUE (which would sit next to YOUR BUSINESS and before YOUR CUSTOMER in the screenshot provided). feel free to design them as 2 separate screens if you prefer.
I have attached a screenshot of the app as it stands today (screen shot 2017) which would still exist in the new design but under a different section (the learn section from the plan2 mockup attached)
I have mocked up how this new screen could look if broken into 2 and that's also attached. If you can make this come to life - and look more engaging that would be helpful! :)
Objetivo del mercado(s)
Small and micro business owners
Tipo de industria / entidad
Marketing
Número de páginas requeridas
1 page
Estilos de fuente para usar
Gustan otros estilos de fuente:
- Montserrat
Colores
Colores seleccionados por el cliente para ser utilizados en el diseño del logotipo:
Mira y siente
Cada control deslizante ilustra las características de la marca del cliente y el estilo que debe comunicar el diseño de tu logotipo.
Elegante
Atrevido
Juguetón
Serio
Tradicional
Moderno
Atractivo
Profesional
Femenino
Masculino
Vistoso
Conservador
Económico
De Alta Gama
Requisitos
Debes tener
- Use of my brand colours: #cc8eb2, #76d6c8, #68c7ff as well as white and #595959. Must be visually pleasing / engaging, designed for desktop (as it's a desktop application), really easy to use / navigate.
- Use font Montserrat light & Montserrat Regular or Bold. Mostly should be Montserrat light.
Agradable de tener
- Would be nice to see how this would look on mobile (as the application is responsive) but this is not mandatory.
No debería tener
- Should not look too corporate or dry.