Challenge Summary
Welcome to Solid Start - Portal Concept Design Challenge.
We need your wise skills to come up with design solutions for a helpful web portal addressed to first-time parents.
Best of luck.
1. Home
2. Weekly Plan
3. Social
- Please provide a MarvelApp Presentation (see details below).
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
1. Home
2. Weekly Plan
3. Social
4. Shop
- Please provide a MarvelApp Presentation (see details below).
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
The goal of this competition is to come up with the look and feel of a web portal targeted to first-time parents. You are provided with user stories and references to follow as guidance.
Concept Design Goals
Introducing solids is often overwhelming for parents as they have no idea where to start, what to do and how to progress once they've started. Cooking skills are often limited and parents feel anxious during a time that should be fun and exciting. There are many books available with recipes, etc, for babies but very few resources which actually guide parents through the process, step by step.
The social aspect of the website is a really important feature as it allows parents to ask questions to an expert (dietitian), interact with each other and share tips, recipes etc. It functions as a sort of online mothers group and also helps to differentiate this product from a book or just reading information on the internet. They can also follow specialist topics i.e, fussy eating, allergies, etc.
The goal of the product is to provide step by step guidance for parents starting their babies on solids, recipes and information regarding feeding babies / young children. Revenue is generated via subscribing to the course/guide and an online shop.
The most important features you need to keep in mind:
- Simple visual design and use.
- Guidance process.
- Social aspect/forum to allow members to interact with each other,
- Ability to easily move between different weeks, topics, shopping lists, recipes, etc.
We expect the final design will be fun, bright, colourful and parent friendly using a pastel colour palette which would target adults with infants (peaceful and clear - see provided stock reference). Parents should feel that starting solids with their baby is a fun adventure they're about to go on together as well as feeling in control. Avoid busy or cluttered visual design, it shouldn’t be boring or have a clinical aspect.
Supporting Documentation - link
1. Content: to be used across the site pages.
2. Sitemap: to be used for the navigation, open to suggestions.
3. Visual Reference: stock photos to extract style reference. Do not need to use the stock photos, just for style reference.
Screens Requirements
Overall
- Show hover/active states for buttons, dropdowns, breadcrumbs, errors/success states, elements with interaction, etc.
- Create an easy site navigation (header/footer) to all the important pages and features described below in a sensate fashion. See sitemap for reference to include those items as part of the navigation.
1. Home page
This is the landing page of the service we offer, first impression. It should catch users attention upfront.
This page should offer the following content at least:
- Recipes.
- Information about introducing solids.
- Information about the 12 week guide.
We are open to suggestions about the content and imagery that can be used for this page. It needs to be bold and clear.
2. Weekly Plan
User is able to see high level and detailed view of a weekly plan.
It should support the following features, overall:
- It will include information about what is happening during a particular week. This week, next week, etc (allow selection).
- It must display the recipes they'll be making in a selected week, the meals they'll already have in the freezer for the week (carried over from previous weeks), a link to their shopping list and links to the recipes for that week.
- Users will have the ability to swap/replace particular recipes if they're not suitable and obtain information about allergens in each recipe (potentially with the ability to exclude recipes which contain particular allergens).
Stages
- Each stage is 4 weeks long.
- Stage 1: first tastes and purees.
- Stage 2: introducing texture, allergens.
- Stage 3: finger foods and family foods.
- We require to present the current/next/prev stage in a clear way in relationship with the current week (or selected week), user needs to be guided. It could be an useful idea to put this somehow in the homepage.
Recipes
A recipe should feature the following:
- A recipe should have title, thumbnail, step by step photos, description. If you can provide the full details view of a recipe that would be great.
- Categorization e.g. purees, lumps and bumps, finger foods, family foods.
- Ability to be marked as favourite.
- Ability to add personal notes on a recipe, including information about reactions their baby has to specific recipes.
- Some recipes will be available for public access while others will only be available to members. Showcase a “lock” or “private” signifier for this scenario.
Shopping List
- Each week they will then be provided with a shopping list for that week.
- User can tick/toggle items they already have and add any other items they need.
- A shopping list can be saved as a PDF.
3. Social
User is able to interact with other users through a newsfeed (e.g. Facebook). It must support the following features:
- Ask questions to a dietitian (private messages).
- Follow other users (like a virtual mothers group) and ask questions in groups.
- Follow topics of interest. Design how a user follows a topic.
- Chat with other members. Design a chat view showcasing a conversation sample.
- Share pictures of the recipes they've made. Design a post sample with text, picture, video, etc.
4. Shop
Purchase feeding equipment. There will be 10+ products available to purchase and users will be able to click on each product to see additional photos and access information about that specific product.
A product should feature the following:
- A product should have title, thumbnail, photos, description, price, available quantity in stock.
- Products could be a bib, bowl, spoon, freezer trays, highchair, messy mat, among others.
- Ability to store them in a wish list of items to buy later.
Reference
Use the following resources as inspiration. DO NOT COPY anything.
- https://www.joinclyde.com
- https://dribbble.com/shots/4287634-Environmental-Protection-Landing-Page
- https://www.stride.com
- https://www.littlespoon.com: liked the way this creates a profile of each individual baby.
- Attached stock reference for style preferences.
Branding Guidelines
- Use a placeholder for the logo.
- Colors are open to suggestions. Use pastel colors, we like green, blue, yellow, orange. Keep in mind new mums are often stressed out so consider an easy-going and relaxed palette (see stock reference).
- Typography should be fun, relaxed. Open to suggestions.
- Keep things consistent. This means all graphic styles should work together.
Screen Specifications
- Desktop: 1280px width. Height as much as needed.
- Make sure your work is in a vector format, for retina scaling and high fidelity.
MarvelApp Presentation
- Request a MarvelApp prototype from me (mahestro@copilots.topcoder.com).
- Do not use the forums to request for MarvelApp.
- Provide clickable spots (hotzones) to link your screens and showcase the flow of the solution.
- Provide the MarvelApp shareable link in your notes during submission upload.
Stock Artwork (Illustrations, Icons, Photography)
- Stock artwork is allowed for this challenge.
- Make sure to declare all your assets properly or you might fail screening.
Target User
- First-time parents. The product will be target at Australia, US and British audiences.
Judging Criteria
- Interpretation of the user experience.
- Is the application visually appealing?
- Is the application easy to use?
- Cleanliness of your graphics and design.
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop, Illustrator or Sketch. Layers should be named and well organized.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
We need your wise skills to come up with design solutions for a helpful web portal addressed to first-time parents.
Best of luck.
Round 1
Submit your design for a checkpoint feedback.1. Home
2. Weekly Plan
3. Social
- Please provide a MarvelApp Presentation (see details below).
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Submit your final design plus checkpoint feedback.1. Home
2. Weekly Plan
3. Social
4. Shop
- Please provide a MarvelApp Presentation (see details below).
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
The goal of this competition is to come up with the look and feel of a web portal targeted to first-time parents. You are provided with user stories and references to follow as guidance.
Concept Design Goals
Introducing solids is often overwhelming for parents as they have no idea where to start, what to do and how to progress once they've started. Cooking skills are often limited and parents feel anxious during a time that should be fun and exciting. There are many books available with recipes, etc, for babies but very few resources which actually guide parents through the process, step by step.
The social aspect of the website is a really important feature as it allows parents to ask questions to an expert (dietitian), interact with each other and share tips, recipes etc. It functions as a sort of online mothers group and also helps to differentiate this product from a book or just reading information on the internet. They can also follow specialist topics i.e, fussy eating, allergies, etc.
The goal of the product is to provide step by step guidance for parents starting their babies on solids, recipes and information regarding feeding babies / young children. Revenue is generated via subscribing to the course/guide and an online shop.
The most important features you need to keep in mind:
- Simple visual design and use.
- Guidance process.
- Social aspect/forum to allow members to interact with each other,
- Ability to easily move between different weeks, topics, shopping lists, recipes, etc.
We expect the final design will be fun, bright, colourful and parent friendly using a pastel colour palette which would target adults with infants (peaceful and clear - see provided stock reference). Parents should feel that starting solids with their baby is a fun adventure they're about to go on together as well as feeling in control. Avoid busy or cluttered visual design, it shouldn’t be boring or have a clinical aspect.
Supporting Documentation - link
1. Content: to be used across the site pages.
2. Sitemap: to be used for the navigation, open to suggestions.
3. Visual Reference: stock photos to extract style reference. Do not need to use the stock photos, just for style reference.
Screens Requirements
Overall
- Show hover/active states for buttons, dropdowns, breadcrumbs, errors/success states, elements with interaction, etc.
- Create an easy site navigation (header/footer) to all the important pages and features described below in a sensate fashion. See sitemap for reference to include those items as part of the navigation.
1. Home page
This is the landing page of the service we offer, first impression. It should catch users attention upfront.
This page should offer the following content at least:
- Recipes.
- Information about introducing solids.
- Information about the 12 week guide.
We are open to suggestions about the content and imagery that can be used for this page. It needs to be bold and clear.
2. Weekly Plan
User is able to see high level and detailed view of a weekly plan.
It should support the following features, overall:
- It will include information about what is happening during a particular week. This week, next week, etc (allow selection).
- It must display the recipes they'll be making in a selected week, the meals they'll already have in the freezer for the week (carried over from previous weeks), a link to their shopping list and links to the recipes for that week.
- Users will have the ability to swap/replace particular recipes if they're not suitable and obtain information about allergens in each recipe (potentially with the ability to exclude recipes which contain particular allergens).
Stages
- Each stage is 4 weeks long.
- Stage 1: first tastes and purees.
- Stage 2: introducing texture, allergens.
- Stage 3: finger foods and family foods.
- We require to present the current/next/prev stage in a clear way in relationship with the current week (or selected week), user needs to be guided. It could be an useful idea to put this somehow in the homepage.
Recipes
A recipe should feature the following:
- A recipe should have title, thumbnail, step by step photos, description. If you can provide the full details view of a recipe that would be great.
- Categorization e.g. purees, lumps and bumps, finger foods, family foods.
- Ability to be marked as favourite.
- Ability to add personal notes on a recipe, including information about reactions their baby has to specific recipes.
- Some recipes will be available for public access while others will only be available to members. Showcase a “lock” or “private” signifier for this scenario.
Shopping List
- Each week they will then be provided with a shopping list for that week.
- User can tick/toggle items they already have and add any other items they need.
- A shopping list can be saved as a PDF.
3. Social
User is able to interact with other users through a newsfeed (e.g. Facebook). It must support the following features:
- Ask questions to a dietitian (private messages).
- Follow other users (like a virtual mothers group) and ask questions in groups.
- Follow topics of interest. Design how a user follows a topic.
- Chat with other members. Design a chat view showcasing a conversation sample.
- Share pictures of the recipes they've made. Design a post sample with text, picture, video, etc.
4. Shop
Purchase feeding equipment. There will be 10+ products available to purchase and users will be able to click on each product to see additional photos and access information about that specific product.
A product should feature the following:
- A product should have title, thumbnail, photos, description, price, available quantity in stock.
- Products could be a bib, bowl, spoon, freezer trays, highchair, messy mat, among others.
- Ability to store them in a wish list of items to buy later.
Reference
Use the following resources as inspiration. DO NOT COPY anything.
- https://www.joinclyde.com
- https://dribbble.com/shots/4287634-Environmental-Protection-Landing-Page
- https://www.stride.com
- https://www.littlespoon.com: liked the way this creates a profile of each individual baby.
- Attached stock reference for style preferences.
Branding Guidelines
- Use a placeholder for the logo.
- Colors are open to suggestions. Use pastel colors, we like green, blue, yellow, orange. Keep in mind new mums are often stressed out so consider an easy-going and relaxed palette (see stock reference).
- Typography should be fun, relaxed. Open to suggestions.
- Keep things consistent. This means all graphic styles should work together.
Screen Specifications
- Desktop: 1280px width. Height as much as needed.
- Make sure your work is in a vector format, for retina scaling and high fidelity.
MarvelApp Presentation
- Request a MarvelApp prototype from me (mahestro@copilots.topcoder.com).
- Do not use the forums to request for MarvelApp.
- Provide clickable spots (hotzones) to link your screens and showcase the flow of the solution.
- Provide the MarvelApp shareable link in your notes during submission upload.
Stock Artwork (Illustrations, Icons, Photography)
- Stock artwork is allowed for this challenge.
- Make sure to declare all your assets properly or you might fail screening.
Target User
- First-time parents. The product will be target at Australia, US and British audiences.
Judging Criteria
- Interpretation of the user experience.
- Is the application visually appealing?
- Is the application easy to use?
- Cleanliness of your graphics and design.
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop, Illustrator or Sketch. Layers should be named and well organized.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.