Pages
This is where the user will sign up as either an agency or a client. Two large buttons that will be titled ‘No Code Agency’ and ‘Project Owner’
Email, Password, Password Confirmation, T&C’s Checkbox,
Collect Payment Details ($75 Per Month, $750 per Year) Onboarding will be split in two areas depending on what the user chose when signing up. Both onboarding views will be split into various stages (the stage must be shown at the top) and have a next and back button.
Basic Information(Stage One) View Data to collect → Company Name, Company Address, Logo, Size, How Old Is The Company, Experience In No-Code, Services Offered, Responsiveness Dropdown Design Information (Stage Two) View Data to collect → Experience in design, how many designers are on the team Under the form there needs to be a table and each row is for a different design software i.e figma, sketch, the user can toggle on and off each software (indicating they use it) there is also a button to upload experience (this brings up the below popup) and it also has a count of the experiences uploaded. Popup where users can input various design experiences they have completed - i.e a design portfolio, Data to collect → Project Name, Project Duration, No Of People Working On Design, Difficulty (H,M,L), Project Description, Client Testimonial, Client Contact Email, Media Uploader (Must upload at least 3 images or one video) Development Information (Stage Three) View Data to collect → No-Code Development Experience (Years), No of Projects, Worked With API’s, Worked With Plugins, Worked With Templates, Types Of Apps (Multi Checkbox) Under the form there needs to be a table and each row is for a different no code software i.e bubble, adalo, the user can toggle on and off each software (indicating they use it) there is also a button to upload experience (this brings up the below popup) and it also has a count of the experiences uploaded. Development Experience Popup Popup where users can input various software experiences they have completed - i.e a software portfolio, Data to collect → Project Name, Project Duration, No Of People Working On Project, Difficulty (H,M,L), Live Link, Template Based (Y/N), Api’s used (Y/N), Custom Code Used (Y/N), Plugins Used (Y/N) Project Description, Client Testimonial, Client Contact Email, Media Uploader (Must upload at least 3 images or one video) Automation Information (Stage Four) View Data to collect → Automation Development Experience (Years), No of Projects Under the form there needs to be a table and each row is for a different no code software i.e zapier, integromat, automate.io, the user can toggle on and off each software (indicating they use it) there is also a button to upload experience (this brings up the below popup) and it also has a count of the experiences uploaded. Automation Experience Popup Popup where users can input various automation experiences they have completed - i.e an automation portfolio, Data to collect → Project Name, Project Duration, No Of People Working On Project, Difficulty (H,M,L), Estimated Time Saved, Estimated Money Saved, Technologies Used (Multi-checkbox), Project Description, Client Testimonial, Client Contact Email, Media Uploader (Must upload at least 3 images or one video) Consultation Information (Stage Five) View Data to collect - Clients Served (Multi-checkbox), Type Of Consulting, Service Offering A table where the user can upload references Project Management (Stage Six) View This is an area where the user can input there project process, what this would look like is a blank table saying ‘Add A Stage’, the user then clicks ‘Add Stage’ button and they input the first stage of their project process (Each stage has a title and description). When they click ‘Add’, the table then shows Stage 1 - Sample Stage and this continues until the user has added at least 4 stages. Payment/Location/Availability (Stage 7) View Data to collect → Hourly Or Project Based (If hourly is chosen another input field is shown that looks for a rate), Project Payment Split (Dropdown), Currency (Dropdown), Work Environment (Dropdown) Below the form there will be a table. Each row on the table will have a project name, a link, a timeline input and a cost input, the idea is the user will download the sample project and input an estimated price and timeline. The title of this area will be ‘Sample Project Pricing & Timeline’ Client (Project) Onboarding Basic Information (Stage One) View Data to collect → Company or Individual, Name, Address, Industry, Area Of Expertise Needed (Dropdown), Company Description, Experience In No-Code, Are You Outsourcing (Y/N), What Responsiveness (Dropdown) Scoping View (Stage Two) View Form One View (Title = Project Overview) Data to collect → Project Title, Project Technologies, Current Status Table with seven rows, Scoping, Wireframing, Design, Development, Testing, Implementation & Maintenance, each row has a title, a toggle, and an option to uploaded documents. Title can be ‘Project Breakdown’ with a subtitle, ‘choose what tasks will be needed for your project and upload any documentation you may have for each task’ Form Two View (Title = Scope) Split into multiple input boxes/ tables Section One (Scope Overview) Project Overview (Main Aims) Main Pages Table (Ability to add pages using a + button) (Title, Description, Upload) Main Features Table (Ability to add various features using a + button) (Title, Description, Upload) User Table (Ability to add various user types using a + button) (Title, Description, Upload) User Stories Table → The user can click a + button to add a story, each story will have a description and a user type) ‘As A _____ I want to ______’ Non Functional Requirements Experience (Stage Three) View Data to collect → Years Exp, No Of Projects Completed, API Experience (Y/N), Template Based (Y/N), Responsiveness, Industry, What Are You Looking For In An Agency? Timeline/Pricing/Work Setup (Stage Four) View Data to collect → Due Date, Budget, Once Off Or Long Term, Start Date, Hourly Or Fixed Price, Remote Or On Site, Languages, Locations Data Cards → Money Made This Week (Filter For Week, Month, Year), Projects Completed, Projects In Progress Due This Week → Submission, Payment Etc Latest Projects Added (Option To Filter, Ongoing, Completed, Overdue etc) Add Offline Project Button List of projects, ability to search and filter based on price, technology, status etc, clicking on a project navigates to the project view Table of recommended projects (horizontal scrolling) Click through to view project This is an overview of the project where the user can tab between basic information / project overview, scope, experience and timeline,pricing, work setup. There will be a button called ‘Submit Quote’ which will bring up the ‘Add Submission’ Page (In another tab)
List of milestone / payment submissions (Submit, Request Payment and Request Extension Buttons) List of upcoming / payment milestones View 1 - Here the agency checks off what area of the project they can do (i.e scoping, wireframing, design, development, etc ( if they toggle it on, they can then input a price and a start and end date as well as a comment area) View 2 - Cover letter, Conditionals input, area to upload files A visual non-editable version of the ‘Add Submission View’ In a Popup. Withdraw submission button Analyse submission button This popup will show an indicator of how the submission is performing against other submissions in regards. So if the agency quoted for development and wireframing, a table would appear showing there quote vs the leading quote and give a percentage difference, maybe colour it in red, yellow or green to see where they are losing. We need some charts in here to i.e number of quotes, rating of other quotes (More work needed here Data Cards → Money Spend This Week (Filter For Week, Month, Year), Projects Completed, Projects In Progress Due This Week → Submission, Payment Etc Click Through To Project View Scoping View (Stage One) View Form One View (Title = Project Overview) Data to collect → Project Title, Project Technologies, Current Status Table with six rows, Scoping, Wireframing, Design, Development, Testing, Implementation & Maintenance, each row has a title, a toggle and an option to uploaded documents. Title can be ‘Project Breakdown’ with a subtitle, ‘choose what tasks will be needed for your project and upload any documentation you may have for each task’ Form Two View (Title = Scope) Split into multiple input boxes/ tables Section One (Scope Overview) Project Overview (Main Aims) Main Pages Table (Ability to add pages using a + button) Main Features Table (Ability to add various features using a + button) User Table (Ability to add various user types using a + button) User Stories Table → The user can click a + button to add a story, each story will have a description and a user type) Non Functional Requirements Experience (Stage Two) View Data to collect → Years Exp, No Of Projects Completed, API Experience (Y/N), Template Based (Y/N), Responsiveness, Industry, What Are You Looking For In An Agency? Timeline/Pricing/Work Setup (Stage Three) View Data to collect → Due Date, Budget, Once Off Or Long Term, Start Date, Hourly Or Fixed Price, Remote Or On Site, Languages, Locations View 1 - Here the agency checks off what area of the project they can do (i.e scoping, wireframing, design, development, etc ( if they toggle it on, they can then input a price and a start and end date as well as a comment area) View 2 - Cover letter, Conditionals input, area to upload files Basic Information(Stage One) View Design Information (Stage Two) View Development Information (Stage Three) View Development Experience Popup Automation Information (Stage Four) View Automation Experience Popup Consultation Information (Stage Five) View Project Management (Stage Six) View Payment/Location/Availability (Stage 7) View 
MVP