Creative UI design for web application
Vous souhaitez remporter un projet comme celui-ci ?
Ce client a reçu 31 web designs de la part de 11 designers. Il a choisi ce web design de pb comme design gagnant.
Inscrivez-vous Trouvez des Projets de Design- Garanti
Brief de Web Design
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! :)
Marché(s) Cible(s)
Small and micro business owners
Secteur / Type d'entité
Marketing
Nombre de Pages Demandé
1 page
Styles de police à utiliser
Autres polices appréciées:
- Montserrat
Couleurs
Couleurs choisies par le client et à utiliser dans le design de logo:
Aspect
Chaque curseur illustre les caractéristiques de la marque client et le style que doit transmettre votre design de logo.
Élégant
Audacieux
Léger
Sérieux
Traditionnel
Moderne
Sympathique
Professionnelle
Féminin
Masculin
Coloré
Conservateur
Économique
Haut de gamme
Exigences
Doit avoir
- 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.
Bien d'avoir
- Would be nice to see how this would look on mobile (as the application is responsive) but this is not mandatory.
Ne doit pas comporter
- Should not look too corporate or dry.