Loading...

Lifeclick v.2 Website

UX/UI Design

Prototyping

Mockup of a laptop with image of the home page of the Lifeclick v2 Website project. This screen contains a navigation bar with the logo on the left and the "hamburger" menu on the right, below it contains a small text with a background image of a child

Year
2022

Project time
1 month

Tasks
Wireframing
Interactive Prototype
Development

Overview
I created a prototype and developed an informative website to expand and complement the previous project (Lifeclick App V2), offering a platform dedicated to information related to the app. This website contained news and other related information.

Goals
The main objective was to create a website for the first time, learning how to develop it from start to finish, creating an entire construction process. Another objective is to visualize the organization and presentation of information, ensuring clarity and accessibility.

Tools:

Wireframing

wireframe mockup of the pages of the lifeclick v2 website project

Wireframes
Creating wireframes for your website is an essential step in the development process. These wireframes were developed to outline the basic structure of the website's pages, focusing on the arrangement of its elements and the hierarchy of information, without thinking too much about aesthetic details. This way they allow you to visualize how the contents and functionalities will be organized.

Prototyping

image of the pages of the lifeclick v2 website project

Prototype
To finish the prototyping phase, an interactive prototype was created, in order to be able to test navigation and possible interactions in a realistic way, before starting to develop the website. The prototype helped identify and resolve some usability issues, which were later resolved. This process ensures that the final website is better structured, easier to use and effective in communicating information.

Development

Mockup of a laptop with image of the home page of the Lifeclick v2 Website project. This screen contains a navigation bar with the logo on the left and the "hamburger" menu on the right, below it contains a small text with a background image of a child

Develop
After the prototyping phase, we moved on to the development of the final website, where we went from a prototype using the Figma tool to Wordpress. It was the first time I used Wordpress and it was a slightly complicated process at first. As the site was made just to test and learn new capabilities, it was not necessary to purchase a custom domain. The website is no longer functional, but its prototype is, I leave a button below that will guide you to do so.

Next project

Sportag - Sports Management Plataform

mockup of the sportag project platform pages

Previous project

Sportag