今天给大家演示一款极简风格的牙科医院网站,在之前建站的过程中,经常有需求就是需要一个pc端和手机端统一的网站后台,医务工作者们认为这样更节省维护时间,可以通过一个网站后台管理两个网站,发布新闻时也不需要发布两次了!
这就是我们今天要演示的极简化设计的网站。
极简化网站设计——首页
首页包含一个可以在顶部隐藏和显示的导航菜单,可以在后台很方便更新的幻灯片图片,还有专家团队和主推项目,这些项目包括牙齿种植,牙齿正畸,牙齿美容洗牙,牙齿修复,口腔科拔牙,口腔补牙,口腔综合诊疗等
在首页的项目文章和专题展示区域,我们加了动态切换的效果,是不是很酷炫呢?
极简化网站设计——列表页的设计
下面是项目列表页的展示效果,每个项目可以在后台设置一个有代表性的项目图片,在项目列表页还可以显示相关文章。
极简化网站设计——环境展示页面的设计
医院环境页面的展示
极简化网站设计——手机端页面的设计
我们这套系统采用了80%以上医疗网站都在使用的织梦5.7sp2做的二次开发,默认的手机端界面很丑,丑到不忍直视。
我开始勇敢的摒弃那套原有的方案,使用了阿里的开源的SUI Mobile做的开发
该手机端框架是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。
只需少量代码即可实现炫酷的iOS风格,怎么样,还可以吧?
通常我们上线制作一个网站,从设计,策划,开发,编辑文案撰写文章,所有内容都弄完,要至少半年时间,我一天就可完成。
有需要做牙科网站的,欢迎关注我的头条号,前端技术分享,点击我和头像,再点下面的快速建站菜单,与我联系吧!