Year
2023
Client
DSS Storage Security
Category
Ui/Ux
Product Duration
3 - 4 Weeks
This phase defines the website’s objectives, target users, and key functionalities. Materials such as text, images, icons, and brand guidelines are collected. In Figma, moodboards and preliminary wireframes are created to visualize the content structure and navigation flow. The goal is to establish a clear view of the main pages and the information hierarchy.
Detailed wireframes are developed in Figma, placing content blocks, buttons, and information sections without focusing on final colors or styles yet. Next, an interactive prototype is created by linking pages and adding transitions. This allows simulating website navigation and testing usability before actual development.
Final visual styles are applied, including color palette, typography, icons, and high-quality images. In Figma, details like spacing, alignment, and responsive design for desktop and mobile are refined. Finally, the prototype is shared with the client or team for review, feedback, and approval before moving to front-end development.
