Sitemap
It's a structured scheme that outlines the pages and content hierarchy of the website.
Next step: creating the website map. My goal here was to make strategic information architecture decisions that would improve overall website navigation. The structure I chose was designed to make things simple and easy.
Design System
A tokenized design system in Figma is a design system where visual decisions are stored as reusable design tokens, instead of hardcoded values.
Created and maintained a tokenized design system in Figma, using variables, semantic tokens, component properties, and reusable patterns to improve consistency, scalability, theming, and design-to-development handoff.
Digital Wireframes
More "clear" version of wireframes in a digital form. Also all the important pages are added
in it.
On this step, I used the Figma design tool to create digital wireframes of Home/Product pages for mobile and desktop. The goal is to show how all the pages and things interact with each other.
The project schematically :
Outcome
Now, finally, it remained to focus on several takeaways and plan some further steps.