建设网站设计
好的,坏的和丑陋的~ 35个例子

寻找下一个灵感 建设网站设计 项目? 你来对地方了!

在这篇文章中,美狮贵宾会将介绍好的方面, 很棒的建筑网站,会给你灵感. 施工公司网站会犯的糟糕的、常见的技术错误. 而丑陋的设计问题,你将经常在建设网站设计.

最后,美狮贵宾会将分享美狮贵宾会建设网站设计 过程以及它如何适合您的项目.

良好的

1. 10级建设

为什么有效:10级建设的网站有一个现代化的布局,上面的文字很容易阅读. 英雄部分展示了他们项目的漂亮幻灯片.

良好的网站建设设计

www.level10gc.com

2. XL建设

为什么有效:网站的布局不同寻常,但富有创意,不拥挤,不令人难以抗拒. 他们使用颜色来区分网站的重要组成部分.

www.xlconstruction.com

3. McCownGordon建设

为什么有效:内容布局很好,有微妙的动画,鼓励更多的互动. 功能部分拥有优秀的编码和设计.

良好的网站设计

mccowngordon.com

建设好网站

4. 第一个完成

为什么有效:布局是创新和有创意的. 这些元素被阴影分开,这增加了构图的深度. “流程”部分的等级制度是天才的.

www.firstfinish.网

5. 沃尔什集团

为什么有效:英雄幻灯片中的元素转换很吸引人. 网站设计和布局使用和导航都很简单.

建设网站

www.walshgroup.com

6. AMHigley

为什么有效:内容体宽度比平常窄, 使它更容易阅读和愉快的移动设备. 此外,幻灯片中的每张照片都有适当的标签.

www.amhigley.com

7. 蒙特利机械有限公司.

工作原因:蒙特利机械公司. 使用自己的优质项目图像. 他们所做的和所提供的都有一个明确的声明. 所有部分都是.

良好的建筑工地

www.montmech.com

8. 绿色建筑

为什么有效:最上面的导航栏不会让人分心. 为了推广他们的品牌和存在感,他们使用了一个带有大粗体标志的清晰的主导航. 所提供的服务清楚地显示在一栏中.

www.buildinggreen.com

良好的网站设计

9. Truebeck建设

为什么有效:在英雄区域,有一个令人惊叹的慢动作视频. 这个建筑网站设计总体上是简约和直接的.

建设网站设计

www.truebeck.com

10. 技术工程师

为什么有效:网站的视觉效果非常棒. 美丽和引人注目的摄影被用于整个网站. 网站上有引人注目的大标题和简短的内容.

www.technicalbuilders.com

11. SV拆迁公司.

为什么有效:网站的配色是强烈和充满活力的. 英雄部分的主要CTA按钮清晰且投射良好. 一个简单的行动呼吁(CTA)也出现在页面的底部.

www.svdemolitioninc.com

12. Mrozinski建设

为什么有效:Mrozinski建筑公司的网站有一个独特的布局,区域和元素之间有明显的对比. 悬停动画很微妙但很有效. 加载动画也是该网站的特色,反映了该公司的身份.

建设网站

www.mrozinskiconstruction.com

13. 贝克特尔

为什么有效:导航栏清晰可见. 整个站点的信息被适当地分割成块. 联系人部分有自己的不动产,突出了它的重要性.

www.贝克特尔.com

建设网站设计

14. 沙漠之星建设

为什么有效:这种网站设计很好地利用了空白来突出他们的作品集. 优雅的字体搭配微妙但有品位的分段动画.

建设网站

http://desertstarconstruction.com

15. 韦茨

为什么有效:他们网站的颜色清楚地告诉你他们是做什么的,他们属于什么行业. 字体和简单的图形很好地补充了网站.

www.韦茨.com

1. 过时的网站

一个定期更新的网站是一个公司关注和重视他们的形象和声誉的标志. 通过让你的网站在设计和内容方面保持更新,快速、简单地建立信誉.

糟糕的网站设计

2. 不可选择或扁平文本

在保持视觉吸引力的同时,让你的文本能够被机器搜索和阅读是很重要的. 这对搜索引擎优化尤其重要.

建筑工地

3. 艰难的过渡 & 的相互作用

美狮贵宾会的示例构建网站设计有一个难以使用的过渡,包括鼠标滚轮的滚动和动画发生的几秒延迟. 过渡和网站应该有直观和流动的动画,以增强用户体验(UX).

www.donohoe.com

4. 多个分散的动画 & 运动

如果你使用了太多的动画, 幻灯片, 或转换, 它们会把访问者从网站的重要部分转移到不重要的部分. 混乱可能会导致人们失去兴趣,他们的注意力可能会偏离相关领域.

http://mbe-eng.com

5. 丢失或通用Favicon

很多网站在网站建设过程中忽略了这一关键元素. A favicon serves the following purposes: 1) quick identification of website especially in search results; 2) easy to relocate a website lost in a lot of browser tabs; 3) It further establishes your brand, 使访问者更容易将“熟悉”的网站与查询和其他网站区分开来.

坏建设网站

6. 断开的链接和媒体

链接失效是网站不满的最常见原因之一. 除了典型的404和504错误之外, 发现一个缺少内容或链接的网站会很快让访问者离开.

建设网站

7. 网站安全不够

丢失的安全徽章, 比如下面这个网站, 是让访问者知道他们的隐私和信息是安全的关键吗. 如果信息没有得到保护,通过这个连接的信息可能会被不择手段的人篡改.

糟糕的网站设计

8. Flash是死的.

Flash曾经是网站上一个流行的“功能”, 特别用于动画和动态元素的生成. 然而,它现在已经过时,在技术上也不起作用. 美狮贵宾会应该看看当今最基础的网络技术是什么.g.HTML5, CSS3和Javascript)已经可以执行,作为一个解决方案是多么惊人.

9. 低页面速度和网站性能

对于喜欢慢速网站的客户来说,美狮贵宾会可能不会注意到这些因素? 访问者可能面临的另一个问题是,当网站很大时,他或她的在线连接有限. 为了提供最满意的最终用户,确保你的网站是优化的.

坏建设网站

10. 不良反应/不是惯于使用手机

从桌面的角度来看,网站可能还行,但在移动设备上呢? 很多网站都遇到了这种问题,变得一团糟, 就像重叠元素, unproportional布局, 等等. 确保你的网站在大多数设备上都能运行,以确保可用性.

网站设计

丑陋的

1. 难以阅读的元素/文本 & 不当的对比

在建设网站的例子中可以看到, logo丢失在背景图像中, 社交图标几乎与背景的窗口区域融为一体. 美狮贵宾会应该始终测试美狮贵宾会的组件,以确保最基本的元素能够快速地看到和识别.

2. 纯红色上的白色文字(不,请!)

如果执行得当,在元素上使用纯亮红色可能会很好. 然而, 一个亮红色的部分和白色的文字,如下面的例子只会灼伤眼睛, 避免访问者真正阅读内容.

3. 太多的商品交易顾问基金

网站的整体外观和组成部分应该向访问者传达公司做什么或提供什么, 引导他们进行正确的操作. 然而, 当包含太多按钮和对话框时, 还有一些弹出窗口, 游客们将很难确定他们应该采取哪些步骤.

丑陋的网站设计

4. 在一个视图中发生太多事情

下面的网站建设看起来很吸引人, 但是很多元素都太小了, 而且整体布局看起来太紧凑了. 使用白/负空间有一个很好的目的:在元素或部分周围留出喘息的空间,这样用户可以一次专注于一个想法. 这个例子确实需要更多的空白.

5. 丑陋的拼贴画/画廊

下面的例子清楚地说明了美狮贵宾会在视觉上要避免什么. 尽可能多地, 避免图像旋转到某个角度, 或翻, 或拉伸unproportionally. 这样做可以引导游客远离你试图展示的东西.

6. 布局不均匀、不整洁

除了英雄部分有一个奇怪大小的按钮, 感言部分已将内容对齐到底部, 在上面留下一个令人不安的负面空间,没有什么好处. 设计中的对齐是至关重要的,因为它使用户体验更直观,并允许访问者的眼睛自然地从一个元素流向下一个, 基于预先确定的层次结构.

丑陋的网站设计

7. 没有视觉对比 & 层次结构

正如你可以在下面的网站建设中看到的, 几乎所有的元素——包括背景——都只使用一种颜色的一种色调, 饱和度几乎是一样的. 而蓝色可能会很好看, 寻找信息和区分一个元素与另一个元素将是困难的.

8. 模糊的 & 像素图像

这是最基本的:模糊或像素化的图像很难看. 如果你不能为自己提供高质量的形象, 最好跑到库存网站去买一个好的,而不是牺牲质量. 这是美狮贵宾会坚持要求公司雇佣合适的摄影服务的另一个重要原因.

9. 太多事情超出了范围

除了为元素建立逻辑层次结构和提供可见的CTA之外, 美狮贵宾会还必须避免展示太多美狮贵宾会认为会吸引访问者的元素,以吸引美狮贵宾会提供的服务. 记住,通过去除不必要的元素,用户体验将得到改善.

10. 在网页设计上缺乏努力或投资

正如他们所说:“没有标志的生意就是没有生意的标志。”. 这也等于说,一个拥有丑陋网站的企业是一个可能丑陋企业的标志. 投资一个合适的网站. 聘请合适的网站设计和开发机构. 最后,一分钱一分货.

建筑网站设计:为什么美狮贵宾会喜欢与建筑公司合作

如果你正在为你的网站设计项目寻找帮助,你是在正确的地方.

美狮贵宾会喜欢与建筑公司合作. 阅读文章的最后一段,找出原因.

美狮贵宾会在建筑行业与许多不同的客户合作过. 从管道,切割和基础设施建设. 屋顶,窗户安装和壁板. 虽然美狮贵宾会所有的客户都是独一无二的,但美狮贵宾会发现,就美狮贵宾会为客户提供的主要好处而言,它们有一些相似之处.

以下是美狮贵宾会提供的主要好处:

突出你的项目

当潜在客户访问你的网站时,他们想知道你的公司能提供什么. 通常情况下,访问者浏览建筑公司网站时做的第一件事就是访问他们的项目页面,查看他们的工作. 美狮贵宾会帮助美狮贵宾会的客户把他们最好的脚,使设计干净, 视觉上的吸引力和图像的沉重(人们不喜欢阅读这些天.)

也, 美狮贵宾会对每个项目使用多个类别过滤器, 因此访问者可以根据项目类型进行筛选, 如管道, 结构, 液体循环加热的, 或者他们可以根据行业进行搜索, 如政府, 商业和住宅. 这允许用户快速筛选您的项目组合,并获得他们感兴趣的特定类型的工作.

很容易在谷歌上找到

如果你和美狮贵宾会的大多数客户一样,那么你可能会通过推荐获得大部分的新建筑业务, 口碑和个人联系. 但是,如果你的新网站可以产生一个全新的业务流,这不是很好吗? 这是美狮贵宾会帮助客户做的事情. 你可能知道,当谈到在线营销时,建筑行业有点落后于时代. 正因为如此,对美狮贵宾会来说,让你在你所在地区的关键搜索词中排名靠前并不是那么困难. 当提到SEO(搜索引擎优化)时,美狮贵宾会不只是说说而已. 只要'谷歌' '旧金山网页设计'或者'雇佣一个网页设计师'你就会发现美狮贵宾会在谷歌的最上面有这两个关键词.

移动响应

你知道吗,如今几乎25%的网站流量都来自移动端? 美狮贵宾会设计的所有建筑网站都是完全移动响应. 适应i电话、iPad和所有其他移动设备. 美狮贵宾会还设计您的项目和服务页面在这样的方式,他们很容易在移动上查看, 因为那些是最常访问的页面.

强烈行动呼吁

美狮贵宾会与客户合作时,美狮贵宾会的主要目标不是让他们的网站看起来很漂亮. 你没听错. 设计不是美狮贵宾会的第一目标. 可以肯定的是,美狮贵宾会喜欢制作设计精美的网站,希望美狮贵宾会的工作组合反映这一点. 但归根结底,网站的目的是产生新的业务. 这就是美狮贵宾会如何衡量美狮贵宾会的建筑公司网站客户的成功. 不仅仅是网站的外观,还有它在创造新业务方面的表现. 这就是为什么美狮贵宾会所有的网站都设计了强烈和具体的行动呼吁,迫使网站访问者填写一个联系表格, 或者拿起电话,采取行动.

网站建设为您做好

Here’s the reason why construction companies love us the most; and frankly, why we love them. 美狮贵宾会合作的大多数建筑公司都在寻找负责和完全拥有设计过程的人. 他们在寻找可以信任的人. 无论是在设计、内容结构还是项目管理方面.

美狮贵宾会的大多数客户只想按下按钮, 对于一个新的, 令人敬畏的网站出现,他们没有做任何事情. 这正是美狮贵宾会所做的. 坦白地说,美狮贵宾会喜欢这种工作方式. 美狮贵宾会感谢与那些信任美狮贵宾会的愿景和流程并让美狮贵宾会为他们做繁重工作的公司合作.

如果你的公司正在寻找一个人依靠,不仅提供一个伟大的网站,而且在整个过程中一个伟大的体验, 那就指望美狮贵宾会吧. 美狮贵宾会不会让你失望的.