Website Design
Starting at
$
2,500
About this service
Summary
FAQs
What do you need from me before we start?
To get started, I’ll need a brief overview of your business, your goals for the website, and any existing brand assets (logo, colors, copy, or references). If some of these aren’t ready yet, I can help clarify them during the discovery phase.
How many pages does this service cover?
The scope typically includes a homepage and a set of key inner pages (such as About, Services, Pricing, and Contact). The exact number of pages is agreed on upfront, and additional pages can be added if needed.
Will the design work well on mobile and tablet devices?
Yes. All website designs are fully responsive, with dedicated layouts for mobile and thoughtful adjustments for tablet where necessary. The design is not just resized—it’s optimized for each screen size.
Can you redesign my existing website instead of starting from scratch?
Absolutely. I can audit your current website, identify usability and design issues, and redesign it to improve clarity, engagement, and conversion while retaining what already works.
Do you also build or code the website?
This service is design-focused, but if you’d like the website developed, I offer Framer design & development as a separate service. This allows for a seamless transition from design to a live website.
How many revision rounds are included?
Two structured revision rounds are included after the initial design delivery. This ensures there’s enough room for refinement without slowing down the project timeline.
What's included
UX Discovery & Structure
This phase ensures the website is built around clear goals and user intent, not just visuals. What’s included: Review of business goals (e.g. conversions, sign-ups, bookings, sales) Understanding target users and key use cases Review of competitor or inspiration websites (if provided) Definition of core pages (e.g. Home, About, Services, Pricing, Contact) Sitemap outlining page hierarchy and content structure Client receives: A clear website structure and page list Alignment on what each page is meant to achieve
User Flows (When Applicable)
This defines how users move through the website to complete key actions. What’s included: Entry points (landing page, homepage, ads, referrals) Step-by-step flow for key actions: Contacting you Signing up Booking a service Purchasing a product (for simple e-commerce) Identification of friction points and simplification opportunities Client receives: Visual user flow diagrams (Figma) Clear logic developers can follow during implementation Note: User flows are especially useful for service-based websites, SaaS marketing sites, and conversion-focused pages.
Wireframes (Low-Fidelity Layouts)
Wireframes focus on structure and content placement, not colors or visuals. What’s included: Low-fidelity wireframes for: Homepage Key inner pages (e.g. Services, Pricing, Contact) Content hierarchy (headlines, sections, CTAs) Navigation structure (header, footer, menus) Responsive layout planning (desktop-first with mobile considerations) Client receives: Clickable or static wireframes in Figma Opportunity to validate layout and content before visual design
High-Fidelity UI Design
This is where the website becomes visually polished and brand-aligned. What’s included: Fully designed high-fidelity screens for: Desktop Tablet (if required) Mobile Visual styling: Color palette application Typography hierarchy Spacing and layout system Consistent components: Buttons Forms Cards Navigation elements Accessibility considerations (contrast, readability) Client receives: Pixel-perfect UI designs in Figma A visually cohesive website ready for development
Responsive Design Variants
Ensures the website works seamlessly across devices. What’s included: Mobile-optimized layouts (not just scaled-down desktop) Tablet layouts (optional, based on scope) Responsive behavior rules: Stacking Spacing changes Navigation adjustments Client receives: Separate responsive frames in Figma Clear reference for developers to implement responsiveness correctly
Interactive Prototype
Allows the client to experience the website before development. What’s included: Clickable navigation between pages Simulated interactions (hover states, button clicks) Scroll behavior where relevant Mobile preview links Client receives: Shareable Figma prototype link Ability to test the website flow on desktop and mobile
Design System & UI Guidelines (Lightweight)
This keeps the website consistent and easy to scale. What’s included: Reusable UI components: Buttons (primary, secondary, states) Inputs and forms Cards and sections Typography styles Color styles Spacing and grid rules Client receives: Organized Figma components and styles A mini design system developers can reuse
Developer-Ready Handoff
Ensures smooth transition from design to build. What’s included: Clean, well-structured Figma file Layer naming and grouping for easy inspection Auto-layout usage where applicable Design specs (spacing, fonts, colors) Asset export (icons, images) Client receives: A developer-ready Figma file Reduced back-and-forth during development
Revision Rounds
Feedback and refinement are part of the process. What’s included: Up to 2 structured revision rounds Iterations based on consolidated client feedback UI refinements (layout, spacing, hierarchy) Client receives: A refined final design aligned with expectations
Duration
2 weeks
Industries