A systematic
way of working
So the results align as closely as possible with your business goals.
Fill the Form
Fill out the contact form
Client
• Fill out the form on the website — contact details, brand name, what you do, your audience, the goals you want to reach, and anything else you'd like us to know.
WEBCRAFTSMAN
• Review the information you submit to assess feasibility. • Get back to you to schedule the Discovery Meeting in the next step.
Discovery
Analysis and quotation
Client
• Prepare your business basics and current problems (pain points). • Identify the main audience you want using the website. • Share example sites you like or competitors you want to compare against. • Approve the budget and scope of work.
WEBCRAFTSMAN
• Provide strategic advice so the website serves your business goals. • Analyze the brand identity and personality that fit your brand. • Calculate pricing and timeline, and explain the terms right in the meeting.
Mood Board
Finding the visual direction
Client
• Pay the agreed deposit to start the project. • Review the references and mood boards we present. • Gather your business materials — logo, images, branding assets, all content for the website, and anything else relevant.
WEBCRAFTSMAN
• Do in-depth research on design trends in your industry. • Curate references that match your brand's personality for you to choose from. • Define the visual direction as the standard for the next steps. • Guarantee: if we're unable to complete the work, we'll refund the deposit per the terms.
Blueprint
Structure and sitemap planning
Client
• Check that the total number of pages covers all the content you need. • Review the content hierarchy on each page. • Confirm the initial wireframe before moving to the visual design stage.
WEBCRAFTSMAN
• Design the site map to show how each page connects. • Lay out the structure to show content proportions and usability. • Prioritize content so users find information as easily as possible.
Design & Revisions
Beauty that's ready to use
Client
• Review the beauty and accuracy of each screen's design. • Collect the changes you want in each round (for efficiency). • Confirm the final design to begin development.
WEBCRAFTSMAN
• Turn the wireframes into beautiful real screens following the chosen mood & tone. • Handle graphics, icons, and choose images that express the brand. • Make revisions based on your feedback within a quota of 3 rounds.
Development
Turning design into a working system
Client
• Provide the "final" content (final copywriting) and all high-quality images. • Prepare domain and hosting details (if you already have them). • Important: no changes to design parts already confirmed (changes incur extra cost).
WEBCRAFTSMAN
• Build the website to match the confirmed design 100%. • Set up back-end technical systems such as contact forms and social media connections. • Make every page responsive across all screens.
Launch
Handover
Client
• Help test functionality such as buttons and form submissions. • Attend basic training on editing content (if any). • Do the final review and accept the handover.
WEBCRAFTSMAN
• Verify links, contact forms, and loading speed. • Teach basic usage (e.g. editing text or images yourself). • Hand over website ownership and all related project files.
