top of page

Project picker 

The Project Picker has been designed to provide users with a seamless and intuitive experience in finding the optimal starting point for their project. With this feature, users can quickly navigate through a vast selection of projects and effortlessly identify the most relevant options based on their specific needs and goals. By streamlining the project selection process, the Project Picker empowers users to efficiently kickstart their projects and focus on bringing their ideas to life.

Project Type
Year
Role

Feature

2021

UX Design

Problems to address

Finding the best starting point for the project, simplifying the project selection process, and improving the experience of selecting the right template for a project.

Goals

In the development of this area, our primary objective was to provide users with an optimal starting point, which we defined as a starting point that facilitates the creation of new projects with ease and provides users with a clear understanding of how Codux operates, referencing familiar functions and build processes.

Plan

In order to provide users with a seamless and efficient experience in selecting the right template for their project, we wanted to implement a filtering system that allows users to sort through templates based on three essential criteria. These criteria include the component library, which ensures that users can quickly find templates that include the necessary components for their project, business solutions, which enable users to easily identify templates tailored to their specific industry or project type, and styling solutions, which allow users to choose templates that align with their preferred visual aesthetic and branding. With these filtering options, users can easily navigate through our template-based system and find the most appropriate template for their needs with
ease and confidence.

Wireframe

 Wireframe flows

Below are some wireframe examples showcasing the search, filter, and selection functionality,
as well as the option to obtain additional information about projects.

5
2
4
3
1

Prototype

High fidelity flows

Presented below are high-fidelity flows that showcase the search and selection functions, as well as the filtering behavior and its associated functionality.

bottom of page