Starter.dev is a collection of starter kit projects and related tools to help get you up and running on your next project without spending days adding all the pieces and configurations to support whatever libraries or frameworks that you choose.
Based on the research we did, wireframes we've built the product with the clear guidance for the end-users – developers that wants to kick start their projects with different technologies quickly. Close collaboration with the dev team and detailed design guidelines helped to make the handoff smoothe.
As the first stage of design we did a research of competitors and user pain-points (in our case it was a developer that is looking for a quick dev setup for his new project), and roadmap the MVP scope of work.
As the first stage of design we did a research of competitors and user pain-points (in our case it was a developer that is looking for a quick dev setup for his new project), and roadmap the MVP scope of work.
As the first stage of design we did a research of competitors and user pain-points (in our case it was a developer that is looking for a quick dev setup for his new project), and roadmap the MVP scope of work.
As the first stage of design we did a research of competitors and user pain-points (in our case it was a developer that is looking for a quick dev setup for his new project), and roadmap the MVP scope of work.
As the first stage of design we did a research of competitors and user pain-points (in our case it was a developer that is looking for a quick dev setup for his new project), and roadmap the MVP scope of work.
To make our UI consistent we've bootstrapped the project with UI foundations that was continually updated with new elements, components, and templates using the atomic approach.
To make our UI consistent we've bootstrapped the project with UI foundations that was continually updated with new elements, components, and templates using the atomic approach.
To make our UI consistent we've bootstrapped the project with UI foundations that was continually updated with new elements, components, and templates using the atomic approach.
To make our UI consistent we've bootstrapped the project with UI foundations that was continually updated with new elements, components, and templates using the atomic approach.
To make our UI consistent we've bootstrapped the project with UI foundations that was continually updated with new elements, components, and templates using the atomic approach.
The home page has a short definition of the product and cards that lead straight to the tech stack documentation. We also considered white and dark themes to improve acccesabilty and fit developers needs.
The home page has a short definition of the product and cards that lead straight to the tech stack documentation. We also considered white and dark themes to improve acccesabilty and fit developers needs.
The home page has a short definition of the product and cards that lead straight to the tech stack documentation. We also considered white and dark themes to improve acccesabilty and fit developers needs.
The home page has a short definition of the product and cards that lead straight to the tech stack documentation. We also considered white and dark themes to improve acccesabilty and fit developers needs.
The home page has a short definition of the product and cards that lead straight to the tech stack documentation. We also considered white and dark themes to improve acccesabilty and fit developers needs.
To represent all the available frameworks and technologies, we've designed the catalog page that helps to find a specific framework and all tech stacks with this technology.
To represent all the available frameworks and technologies, we've designed the catalog page that helps to find a specific framework and all tech stacks with this technology.
To represent all the available frameworks and technologies, we've designed the catalog page that helps to find a specific framework and all tech stacks with this technology.
To represent all the available frameworks and technologies, we've designed the catalog page that helps to find a specific framework and all tech stacks with this technology.
To represent all the available frameworks and technologies, we've designed the catalog page that helps to find a specific framework and all tech stacks with this technology.
To guide a developer we've designed the documentation page with step by step information about how to use tech stack for user’s project.
To guide a developer we've designed the documentation page with step by step information about how to use tech stack for user’s project.
To guide a developer we've designed the documentation page with step by step information about how to use tech stack for user’s project.
To guide a developer we've designed the documentation page with step by step information about how to use tech stack for user’s project.
To guide a developer we've designed the documentation page with step by step information about how to use tech stack for user’s project.
After we created the product design we’ve focused on the logo. After several iterations with the client and dev team we picked one and created a logomark for socials, favicon, forums, etc.
After we created the product design we’ve focused on the logo. After several iterations with the client and dev team we picked one and created a logomark for socials, favicon, forums, etc.
After we created the product design we’ve focused on the logo. After several iterations with the client and dev team we picked one and created a logomark for socials, favicon, forums, etc.
After we created the product design we’ve focused on the logo. After several iterations with the client and dev team we picked one and created a logomark for socials, favicon, forums, etc.
After we created the product design we’ve focused on the logo. After several iterations with the client and dev team we picked one and created a logomark for socials, favicon, forums, etc.
As this product is for developers, the customer asked us to create some creative 404 page, and the result you can see below.
As this product is for developers, the customer asked us to create some creative 404 page, and the result you can see below.
As this product is for developers, the customer asked us to create some creative 404 page, and the result you can see below.
As this product is for developers, the customer asked us to create some creative 404 page, and the result you can see below.
As this product is for developers, the customer asked us to create some creative 404 page, and the result you can see below.
Based on the research we did, wireframes we've built the product with the clear guidance for the end-users – developers that wants to kick start their projects with different technologies quickly. Close collaboration with the dev team and detailed design guidelines helped to make the handoff smoothe.