最近收到热心网友的反馈“你们官网首页怎么这么光秃秃的？”PM对此表示羞愧。大家都忙着打磨产品，而忽略了官网的建设。确实，极简风格和极其简单的风格之间存在很大差异。旧的web端除了极其简单之外，还有一个小问题，首页不适应移动端。旧的移动端接下来我将从以下三点来分享我们新官网的设计方法：展示内容适配移动端的页面布局——响应式布局展示内容我在设计内容的时候会考虑两个角度：网友想在上面看到官网要什么？我们希望网友们看完后会做些什么呢？对大家来说，官网的意义当然是可以快速了解产品是做什么的，解决什么问题，使用你的产品能得到什么。Eoapi的用户是个人开发者/研发团队。个人开发者最关心的是易用性，而团队除了易用性之外，更关心产品的稳定性、投入成本和预估收益。希望网友看完官网下载应用（超理想）可以通过LiveDemo快速体验产品功能（稍靠谱）即使不是我们的目标用户，也能记住我们产品的功能，以及何时以后有需要可以记住。(谦虚)需求分析完了，剩下的就是内容准备和排版设计了~页面排版VSCode首先用关键词展示产品特性：智能化、运维调试、内置Git、插件支持。然后用用户真实的描述在电脑屏幕前拉近与你的距离，就像用户对一个产品的好评一样。有时候购物可能连商品介绍都不看，我会直接拖到评论区看评论，因为用户的描述比较真实，更可信。Web和移动设备上的EolinkEolink是我们的SaaS产品。目标用户是重视稳定性、功能全面、提高协作效率的研发团队。于是首页显示：Wegotfinancing（产品价值被认可）版??本更新（持续更新）相关产品推荐功能介绍企业用户背书web端移动端postman页面很清爽，第一眼还以为是个输入框，但是仔细一看竟然是一个注册框，我敢猜测是因为“祖师爷”之前的用户大多是个人开发者（主要是使用API??调试功能），从官网可以看出他强烈建议用户注册，不要白嫖。本周web端的布局有一个大的迭代——远程数据源即将上线，我们开源项目组实在没有UI，所以布局借用（套）自（用）我们的SaaS产品官网。设计时需要考虑适配移动端。我们官网使用的是vite框架。除了自己写的组件，源码在这里：https://github.com/eolinker/e...如果对官网框架的选型感兴趣，欢迎留言与我们交流~后续我们会发布相应的文章分享选型心得。最终结果数据用体验设计思维做官网--B端产品官网设计实战-掘金设计思维：如何做好官网设计？|人人都是产品经理关于我们Eoapi是一个与Postman类似的开源API工具。更轻且可扩展。如果大家对我们的开源项目有什么意见或者反馈，欢迎私信我，我会认真听取的~Github：https://github.com/eolinker/e...官网https://www.eoapi.io/?utm_sou...
