网站版型的设计不能单纯以视觉设计角度来看待网站风格，网站版型设计同时关系到一个网站的版面资讯规划、网页使用流程、网页浏览动线。因此，在设计一个网站版型时，必须同时考虑网站风格、介面设计、切版工程的相互整合。
此阶段工作大致包含以下工作项目：
视觉概念发展
网站风格设计
网页介面设计
DIV+CSS网页切版工程
视觉概念发展
网站的视觉元素来自于网站的背景定位。如果是中秋节的活动网站，其网站背景可能就会有满月、飞云等意象造形；如果是企业网站，适度带入企业识别(CI, Corporate Identity)的设计符码，将能表现企业品牌的视觉一致性。视觉元素有可能是某种造形、材质或纹路，适当的使用就能为网站带来别出心裁的设计。
网站风格设计
网站风格是对网站一种视觉上的诠释。如果是企业网站，就会展现出落落大方、有条理、简单、清楚的网站风格；如果是活动网站，就会以缤纷的色彩或文字造形来引发网友参与活动的欲望；如果是购物网站，价格和清楚的购物车图示，才能让人一眼看出这是个可以线上血拼败家的地方。每种网站风格都有其设计背景源由，透过正确的网站背景分析才能建立正确的网站风格，吸引到正确的网站访客，同时也节省网页设计公司与业主客户间双方面来回修改沟通的时间。
网页介面设计
网站是拿来用的，不是单单做完后放到网路上观赏，网站的整体网页使用介面，包含导览、连结、表单、内容编排，都应该要有一致性的设计。使用介面必须能让网路上的访客看到就知道怎么用，不需要花时间思考「这个到底是做什么用的？」因此，按钮就必须长得像「按钮」；选单就必须长得像「选单」；「最新消息」也不要无厘头的用「看看新玩意儿」，某些文字创意，在网路上可能会让网友很想直接关掉网页。
CSS+DIV网页切版工程
「切版」指的是将网站风格提案后的图档，切成许多小图片，再利用CSS语法及网页DIV标签组成一般在浏览器上所看到的网页。DIV标签构成网站版面位置，如同盖房子时的钢筋结构；CSS则定义出每个位置的介面样式，如同盖房子时的磁砖与内部装潢。
