Website Designing using Figma by Charlene GonzalesWebsite Designing using Figma by Charlene Gonzales
Website Designing using FigmaCharlene Gonzales
Cover image for Website Designing using Figma
I offer comprehensive website design services using Figma, including planning, wireframes, high-fidelity prototypes, visual design, and usability testing. What sets me apart is my meticulous attention to user-centered design principles and the seamless integration of interactive prototypes to ensure an intuitive and engaging user experience.

What's included

Planning and Research
Project Brief: Overview: Project goals, target audience, project scope, and key messages. Timeline: Milestones, deadlines, and deliverable dates. Budget: Breakdown of project costs and resource allocation. Competitive Analysis Report: Analysis of competitor websites, including strengths, weaknesses, design elements, and user experience. User Personas: Detailed profiles of target users, including demographics, goals, behaviors, and pain points. User Journey Maps: Visual representation of the steps users take to achieve a specific goal on the website, identifying key touchpoints and opportunities for improvement.
Wireframes and Prototypes
Wireframes: Low-fidelity wireframes outlining the basic structure and layout of the website's pages. Created in Figma for desktop, tablet, and mobile views. Interactive Prototypes: High-fidelity prototypes in Figma, demonstrating user interactions and navigation flow. Includes clickable elements to simulate real user experience. Information Architecture (IA): Sitemap and navigation structure, showing the organization of content and how users will navigate the website.
Visual Design
Mood Boards: Collection of images, colors, typography, and design inspiration to establish the visual direction of the website. Style Guide: Document outlining the website’s visual standards, including color palette, typography, iconography, button styles, and other design elements. High-Fidelity Mockups: Detailed and polished designs of the website’s pages, created in Figma, including all visual elements and layout details.
Contact for pricing
Tags
Figma
Miro
Frontend Engineer
UX Designer
Web Developer
Service provided by
Charlene Gonzales Philippines
Website Designing using FigmaCharlene Gonzales
Contact for pricing
Tags
Figma
Miro
Frontend Engineer
UX Designer
Web Developer
Cover image for Website Designing using Figma
I offer comprehensive website design services using Figma, including planning, wireframes, high-fidelity prototypes, visual design, and usability testing. What sets me apart is my meticulous attention to user-centered design principles and the seamless integration of interactive prototypes to ensure an intuitive and engaging user experience.

What's included

Planning and Research
Project Brief: Overview: Project goals, target audience, project scope, and key messages. Timeline: Milestones, deadlines, and deliverable dates. Budget: Breakdown of project costs and resource allocation. Competitive Analysis Report: Analysis of competitor websites, including strengths, weaknesses, design elements, and user experience. User Personas: Detailed profiles of target users, including demographics, goals, behaviors, and pain points. User Journey Maps: Visual representation of the steps users take to achieve a specific goal on the website, identifying key touchpoints and opportunities for improvement.
Wireframes and Prototypes
Wireframes: Low-fidelity wireframes outlining the basic structure and layout of the website's pages. Created in Figma for desktop, tablet, and mobile views. Interactive Prototypes: High-fidelity prototypes in Figma, demonstrating user interactions and navigation flow. Includes clickable elements to simulate real user experience. Information Architecture (IA): Sitemap and navigation structure, showing the organization of content and how users will navigate the website.
Visual Design
Mood Boards: Collection of images, colors, typography, and design inspiration to establish the visual direction of the website. Style Guide: Document outlining the website’s visual standards, including color palette, typography, iconography, button styles, and other design elements. High-Fidelity Mockups: Detailed and polished designs of the website’s pages, created in Figma, including all visual elements and layout details.
Contact for pricing