Website & Landing Page Design

Pro

Haviza Aufa Labiba Irfan

Starting at

/hr

About this service

Summary

Experienced UI/UX Designer with 3+ years of expertise in B2B and B2C product design, specializing in e-commerce, education, health, HRIS, and public services. Proven track record in leading design teams, crafting high-usability interfaces (scoring 8.8+ in usability tests), and building scalable design systems. Unique for blending Goal-Directed Design methodology with agile workflows to deliver award-winning solutions (e.g., 2nd place in FIKFAIR 2021) and 10%+ UX improvements for clients.

What's included

Website Design
1. UX Research & Strategy Documentation (If Included in Scope) - User flow diagrams (navigation paths) - Information architecture (app structure) - Competitive analysis (if applicable) 2. Wireframes & Low-Fidelity Prototypes - Sketch-based or digital wireframes for key screens 3. High-Fidelity UI Design Mockups - Pixel-perfect screen designs for all app interfaces - Dark/light mode variations (if needed) - Custom icons, buttons, and UI components - Style guide (colors, typography, spacing, animations) 4. Interactive Prototype (Demo Version) - Simulated user interactions (transitions, gestures) - Client-reviewable demo for usability testing 5. Developer Handoff Assets 6. Final Source Files & Documentation
Mobile App Design
1. UX Research & Strategy Documentation (If Included in Scope) - User flow diagrams (navigation paths) - Information architecture (app structure) - Competitive analysis (if applicable) 2. Wireframes & Low-Fidelity Prototypes - Sketch-based or digital wireframes for key screens 3. High-Fidelity UI Design Mockups - Pixel-perfect screen designs for all app interfaces - Dark/light mode variations (if needed) - Custom icons, buttons, and UI components - Style guide (colors, typography, spacing, animations) 4. Interactive Prototype (Demo Version) - Simulated user interactions (transitions, gestures) - Client-reviewable demo for usability testing 5. Developer Handoff Assets 6. Final Source Files & Documentation
Landing Page Design
1. Research & Strategy (If Included in Scope) - Competitor analysis (best practices in the niche) 2. High-Fidelity UI/UX Design Mockup - Desktop & mobile-responsive design 3. Interactive Prototype (Optional) - Clickable Figma prototype for user testing - Hover effects, button states, and scroll animations preview 4. Developer-Ready Assets - Source files (Figma) - Exportable images (WebP/PNG/SVG formats) - Font files & color codes (brand consistency) 7. Final Design Documentation - Style guide (typography, colors, button styles) - High-Fidelity UI Design Mockups

Example projects