<?xml version="1.0" encoding="us-ascii"?><InstanceReport xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"><Version>2.4.0.8</Version><ReportLongName>00000014 - Disclosure - WEBSITE DEVELOPMENT COSTS</ReportLongName><DisplayLabelColumn>true</DisplayLabelColumn><ShowElementNames>false</ShowElementNames><RoundingOption /><HasEmbeddedReports>false</HasEmbeddedReports><Columns><Column FlagID="0"><Id>1</Id><IsAbstractGroupTitle>false</IsAbstractGroupTitle><LabelSeparator>

</LabelSeparator><CurrencyCode /><FootnoteIndexer /><hasSegments>false</hasSegments><hasScenarios>false</hasScenarios><MCU><KeyName /><CurrencySymbol /><contextRef><ContextID>From2013-03-01to2013-05-31</ContextID><EntitySchema>http://www.sec.gov/CIK</EntitySchema><EntityValue>0001084597</EntityValue><PeriodDisplayName /><PeriodType>duration</PeriodType><PeriodStartDate>2013-03-01T00:00:00</PeriodStartDate><PeriodEndDate>2013-05-31T00:00:00</PeriodEndDate><Segments /><Scenarios /></contextRef><UPS /><CurrencyCode /><OriginalCurrencyCode /></MCU><CurrencySymbol /><Labels><Label Key="CalendarSupplement" Id="0" Label="3 Months Ended" /><Label Key="Calendar" Id="1" Label="May 31, 2013" /></Labels></Column></Columns><Rows><Row FlagID="0"><Id>1</Id><IsAbstractGroupTitle>true</IsAbstractGroupTitle><LabelSeparator>

</LabelSeparator><Level>1</Level><ElementName>XPWR_NotesToFinancialStatementsAbstract</ElementName><ElementPrefix>XPWR_</ElementPrefix><IsBaseElement>false</IsBaseElement><BalanceType>na</BalanceType><PeriodType>duration</PeriodType><IsReportTitle>false</IsReportTitle><IsSegmentTitle>false</IsSegmentTitle><IsCalendarTitle>false</IsCalendarTitle><IsEquityPrevioslyReportedAsRow>false</IsEquityPrevioslyReportedAsRow><IsEquityAdjustmentRow>false</IsEquityAdjustmentRow><IsBeginningBalance>false</IsBeginningBalance><IsEndingBalance>false</IsEndingBalance><IsReverseSign>false</IsReverseSign><FootnoteIndexer /><Cells><Cell FlagID="0" ContextID="" UnitID=""><Id>1</Id><IsNumeric>false</IsNumeric><IsRatio>false</IsRatio><DisplayZeroAsNone>false</DisplayZeroAsNone><NumericAmount>0</NumericAmount><RoundedNumericAmount>0</RoundedNumericAmount><NonNumbericText /><FootnoteIndexer /><CurrencyCode /><CurrencySymbol /><IsIndependantCurrency>false</IsIndependantCurrency><ShowCurrencySymbol>false</ShowCurrencySymbol><DisplayDateInUSFormat>false</DisplayDateInUSFormat></Cell></Cells><ElementDataType>xbrli:stringItemType</ElementDataType><SimpleDataType>string</SimpleDataType><IsTotalLabel>false</IsTotalLabel><UnitID>0</UnitID><Label>Notes to Financial Statements</Label></Row><Row FlagID="0"><Id>2</Id><IsAbstractGroupTitle>false</IsAbstractGroupTitle><LabelSeparator>

</LabelSeparator><Level>2</Level><ElementName>us-gaap_ResearchDevelopmentAndComputerSoftwareDisclosureTextBlock</ElementName><ElementPrefix>us-gaap_</ElementPrefix><IsBaseElement>true</IsBaseElement><BalanceType>na</BalanceType><PeriodType>duration</PeriodType><IsReportTitle>false</IsReportTitle><IsSegmentTitle>false</IsSegmentTitle><IsCalendarTitle>false</IsCalendarTitle><IsEquityPrevioslyReportedAsRow>false</IsEquityPrevioslyReportedAsRow><IsEquityAdjustmentRow>false</IsEquityAdjustmentRow><IsBeginningBalance>false</IsBeginningBalance><IsEndingBalance>false</IsEndingBalance><IsReverseSign>false</IsReverseSign><FootnoteIndexer /><Cells><Cell FlagID="0" ContextID="From2013-03-01to2013-05-31" UnitID=""><Id>1</Id><IsNumeric>false</IsNumeric><IsRatio>false</IsRatio><DisplayZeroAsNone>false</DisplayZeroAsNone><NumericAmount>0</NumericAmount><RoundedNumericAmount>0</RoundedNumericAmount><NonNumbericText>&lt;p style="font: 10pt Times New Roman, Times, Serif; margin: 0; text-align: justify"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;The
Company has capitalized certain costs incurred in developing their website, which consisted of the following:&lt;/font&gt;&lt;/p&gt;

&lt;p style="font: 10pt Times New Roman, Times, Serif; margin: 0; text-align: justify"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/p&gt;

&lt;table cellspacing="0" cellpadding="0" align="center" style="width: 50%; border-collapse: collapse; font: 10pt Times New Roman, Times, Serif"&gt;
&lt;tr style="vertical-align: bottom"&gt;
    &lt;td style="text-align: center"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td colspan="3" style="border-bottom: black 1pt solid; text-align: center"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;May
    31, 2013&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 1pt"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td colspan="3" style="border-bottom: black 1pt solid; text-align: center"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;February
    28, 2013&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="background-color: rgb(204,238,204); vertical-align: bottom"&gt;
    &lt;td style="text-align: left; padding-left: 5.4pt; width: 55%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;Website
    development costs&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: left; width: 1%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;$&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: right; width: 20%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;21,175&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: left; width: 1%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="width: 1%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: left; width: 1%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;$&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: right; width: 20%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;21,175&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: left; width: 1%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="background-color: white; vertical-align: bottom"&gt;
    &lt;td style="text-align: left; padding-bottom: 1pt; padding-left: 5.4pt"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;Less:
    Accumulated amortization&lt;/font&gt;&lt;/td&gt;
    &lt;td style="border-bottom: black 1pt solid; text-align: left"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;($&lt;/font&gt;&lt;/td&gt;
    &lt;td style="border-bottom: black 1pt solid; text-align: right"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;18,822&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: left; padding-bottom: 1pt"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;)&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 1pt"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="border-bottom: black 1pt solid; text-align: left"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="border-bottom: black 1pt solid; text-align: right"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;(17,058&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: left; padding-bottom: 1pt"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;)&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="background-color: rgb(204,238,204); vertical-align: bottom"&gt;
    &lt;td style="text-align: left; padding-bottom: 2.5pt; padding-left: 5.4pt"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;Website
    development costs, net&lt;/font&gt;&lt;/td&gt;
    &lt;td style="border-bottom: black 2.5pt double; text-align: left"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;$&lt;/font&gt;&lt;/td&gt;
    &lt;td style="border-bottom: black 2.5pt double; text-align: right"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;2,353&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: left; padding-bottom: 2.5pt"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 2.5pt"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="border-bottom: black 2.5pt double; text-align: left"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;$&lt;/font&gt;&lt;/td&gt;
    &lt;td style="border-bottom: black 2.5pt double; text-align: right"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;4,117&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: left; padding-bottom: 2.5pt"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
&lt;p style="font: 10pt Times New Roman, Times, Serif; margin: 0 0 0 0.5in; text-align: justify; text-indent: 0.5in"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/p&gt;

&lt;p style="font: 10pt Times New Roman, Times, Serif; margin: 0; text-align: justify"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;The
Company began amortizing the website costs, using the straight-line method over the estimated useful life of 3 years, once it
was put into service in September 2010. Ongoing updates to the website are expensed as incurred.&lt;/font&gt;&lt;/p&gt;

&lt;p style="font: 10pt Times New Roman, Times, Serif; margin: 0; text-align: justify; text-indent: 0.5in"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/p&gt;

&lt;p style="font: 10pt Times New Roman, Times, Serif; margin: 0"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;Amortization
expense totaled $1,765 and $1,765 for the three months ended May 31, 2013 and 2012 respectively.&lt;/font&gt;&lt;/p&gt;</NonNumbericText><FootnoteIndexer /><CurrencyCode /><CurrencySymbol /><IsIndependantCurrency>false</IsIndependantCurrency><ShowCurrencySymbol>false</ShowCurrencySymbol><DisplayDateInUSFormat>false</DisplayDateInUSFormat></Cell></Cells><ElementDataType>nonnum:textBlockItemType</ElementDataType><SimpleDataType>na</SimpleDataType><ElementDefenition>The entire disclosure for research, development, and computer software activities, including contracts and arrangements to be performed for others and with federal government. Includes costs incurred (1) in a planned search or critical investigation aimed at discovery of new knowledge with the hope that such knowledge will be useful in developing a new product or service, a new process or technique, or in bringing about a significant improvement to an existing product or process; or (2) to translate research findings or other knowledge into a plan or design for a new product or process or for a significant improvement to an existing product or process whether intended for sale or the entity's use, during the reporting period charged to research and development projects, including the costs of developing computer software up to the point in time of achieving technological feasibility and in-process research and development acquired in a business combination consummated during the period.</ElementDefenition><ElementReferences>Reference 1: http://www.xbrl.org/2003/role/presentationRef

 -Publisher FASB

 -Name Accounting Standards Codification

 -Topic 730

 -SubTopic 20

 -Section 50

 -Paragraph 3

 -URI http://asc.fasb.org/extlink&amp;oid=6420387&amp;loc=d3e23221-108380



Reference 2: http://www.xbrl.org/2003/role/presentationRef

 -Publisher FASB

 -Name Accounting Standards Codification

 -Topic 730

 -SubTopic 20

 -Section 50

 -Paragraph 1

 -URI http://asc.fasb.org/extlink&amp;oid=6420387&amp;loc=d3e23199-108380



Reference 3: http://www.xbrl.org/2003/role/presentationRef

 -Publisher FASB

 -Name Accounting Standards Codification

 -Topic 985

 -SubTopic 20

 -Section 50

 -Paragraph 1

 -URI http://asc.fasb.org/extlink&amp;oid=6501960&amp;loc=d3e128462-111756



Reference 4: http://www.xbrl.org/2003/role/presentationRef

 -Publisher FASB

 -Name Accounting Standards Codification

 -Topic 730

 -SubTopic 10

 -Section 50

 -Paragraph 1

 -URI http://asc.fasb.org/extlink&amp;oid=6420194&amp;loc=d3e21568-108373



Reference 5: http://www.xbrl.org/2003/role/presentationRef

 -Publisher FASB

 -Name Statement of Financial Accounting Standard (FAS)

 -Number 2

 -Paragraph 12, 13

 -LegacyDoc This reference is SUPERSEDED by the Accounting Standards Codification effective for interim and annual periods ending after September 15, 2009.  This reference is included to help users transition from the previous accounting hierarchy and will be removed from future versions of this taxonomy.



Reference 6: http://www.xbrl.org/2003/role/presentationRef

 -Publisher FASB

 -Name Statement of Financial Accounting Standard (FAS)

 -Number 86

 -Paragraph 11, 12

 -LegacyDoc This reference is SUPERSEDED by the Accounting Standards Codification effective for interim and annual periods ending after September 15, 2009.  This reference is included to help users transition from the previous accounting hierarchy and will be removed from future versions of this taxonomy.



Reference 7: http://www.xbrl.org/2003/role/presentationRef

 -Publisher AICPA

 -Name Audit and Accounting Guide (AAG)

 -Number AAG-FGC

 -Paragraph 56, 57

 -IssueDate 2006-05-01

 -Chapter 3

 -LegacyDoc This reference is SUPERSEDED by the Accounting Standards Codification effective for interim and annual periods ending after September 15, 2009.  This reference is included to help users transition from the previous accounting hierarchy and will be removed from future versions of this taxonomy.



Reference 8: http://www.xbrl.org/2003/role/presentationRef

 -Publisher FASB

 -Name Accounting Standards Codification

 -Topic 730

 -SubTopic 20

 -Section 50

 -Paragraph 2

 -URI http://asc.fasb.org/extlink&amp;oid=6420387&amp;loc=d3e23218-108380



Reference 9: http://www.xbrl.org/2003/role/presentationRef

 -Publisher FASB

 -Name Statement of Financial Accounting Standard (FAS)

 -Number 68

 -Paragraph 14

 -LegacyDoc This reference is SUPERSEDED by the Accounting Standards Codification effective for interim and annual periods ending after September 15, 2009.  This reference is included to help users transition from the previous accounting hierarchy and will be removed from future versions of this taxonomy.



</ElementReferences><IsTotalLabel>false</IsTotalLabel><UnitID>0</UnitID><Label>WEBSITE DEVELOPMENT COSTS</Label></Row></Rows><Footnotes /><IsEquityReport>false</IsEquityReport><ReportName>WEBSITE DEVELOPMENT COSTS</ReportName><MonetaryRoundingLevel>UnKnown</MonetaryRoundingLevel><SharesRoundingLevel>UnKnown</SharesRoundingLevel><PerShareRoundingLevel>UnKnown</PerShareRoundingLevel><ExchangeRateRoundingLevel>UnKnown</ExchangeRateRoundingLevel><HasCustomUnits>true</HasCustomUnits><IsEmbedReport>false</IsEmbedReport><IsMultiCurrency>false</IsMultiCurrency><ReportType>Sheet</ReportType><RoleURI>http://XPWR/role/WebsiteDevelopmentCosts</RoleURI><NumberOfCols>1</NumberOfCols><NumberOfRows>2</NumberOfRows></InstanceReport>
