Website & Landing Page DesignHaviza Aufa Labiba Irfan
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 work
Haviza's other services
Starting at$27 /hr
Tags
ClickUp
FigJam
Figma
Jira
UI Designer
UX Designer
Web Designer
Service provided by
Haviza Aufa Labiba Irfan Semarang, Indonesia
- 13
- Followers
Website & Landing Page DesignHaviza Aufa Labiba Irfan
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 work
Haviza's other services
$27 /hr