前端ui教学_火星时代UI设计 x Web前端联名出品APP，你值得拥有

古城微笑少年丶 2023-01-07 07:24 26阅读 0赞

**科技总是需要你追赶，潮流总是走在你前面。**

临近春节，当大多数人都沉浸在**火车票APP好友助力**、**旅行APP假期攻略**时，有一群不一样的年轻人，**早已走在了时尚的前沿。**

![967baaa9bef053de7bfd5f64ca9d7682.png][]

**火星时代互动媒体系1809期UI高级设计师精修班、1809期Web前端设计师班**的学员，于**1月22日**开展**双专业联合APP孵化项目启动会**，并为我们带来了**涵盖吃喝住行生活各个方面的5款APP概念产品。**

![91c7d37de13caa72c518dd151f8b0da4.png][]

▲这些，都不是

该孵化项目将由**UI专业进行全案打造，Web前端专业进行落地输出，****一举破除跨专业沟通壁垒**，为实际上线应用服务，而孵化成果，**将有望在2019年中正式投入商业使用！**

![035c3d426f7172c0c436170ed0057676.png][]

![b1d3d4317020665b1e737af51873a466.png][]

**送颂-定制配送服务**

By拳都队

![2d8ab991a6a2f1860c9ef9cde6f3ecc5.png][]

▲汇报人：万晨

**“送颂——制造不一样的惊喜体验”**，产品的slogan就已经告诉我们，这是一款有温度的设计。没错，券都队此次带来的概念产品，旨在为用户提供**“一条龙送惊喜”**服务，从分析用户遇到的冲突情境，到提供方案，再到送礼物的姿势，全部配齐。

![a430411955c5b4c626de7de5a4e33b5f.png][]

▲全部配齐

**导师点评：服务型产品，验证门槛低，功能开发较简单。**

![0692f16275bdf7d1885c27d922b13859.png][]

**穷游-大学生打工旅游**

By战狼

![9b2eaef56f928e39d598a10b0f2d4029.png][]

▲汇报人：佟永斌

战狼团队为**想旅游却没有旅游资金的大学生**提供了一款贴心的旅游APP，团队抓住用户痛点——**“穷”**，从痛点出发，提供解决思路——**“挣”**，也就是说，**为穷游用户提供目的地当地的兼职，从而让用户实现靠自己双手挣钱旅行。**

**同样喜欢旅行，而且穷的星仔**非常中意这款APP。相信在能够保证人身安全的前提下，一定会是一**款雪中送炭的软件。**

![7313969e72fe99f2f59b265f3bf34747.png][]

▲用户痛点分析图

**导师点评：辅助交流工具，产品足够垂直，也有强烈的需求。**

![d5c560a26b62b3ef0c4ad830dc27fdfb.png][]

**社交****-聊天辅助工具**

By火柴人

![27dd31b9284deb749e35d008a70768ba.png][]

▲汇报人：张骞艺

火柴人团队带来的是一款**交友软件的创意方案**，这款软件旨在通过智能识别系统，**为年轻人快速精准匹配到志同道合的陌生人，并帮用户提供智能话题引入。**

正如火柴人团队的设计理念——**“做有温度的设计”**，这款软件也将为当代社会那些被迷茫和压力所围绕的年轻人，带去一丝温度。

![938a443324d928c9cfd67a0a062cc7b6.png][]

▲关键词云

**导师点评：辅助交流工具，产品足够垂直，也有强烈的需求。**

![0ed244fabd6be1dc58ddd0f380cfda8a.png][]

**家佳-高端家政服务**

By头脑风暴

![38801eb95bf28cff254b008db3bc9e64.png][]

▲汇报人：翟少奇

随着**老龄化的严重**，**单身青年的增加**，越来越多的人**没有过多的精力去投身于家务中。**

《家佳》是一款为**自理能力差的老年人****、****没时间做家务的单身青年、对生活品质要求较高的精英人士**等，提供高质量的家政服务，**“让更多的人爱上回家”。**

![071fe5877f21961376fd9e589a0c7db9.png][]

![0f553c66165e7b965a06de48fcc359f1.png][]

▲场景故事版

**导师点评：重服务的项目，产品是服务的环节，为项目提供了想象空间。**

![a86ca8933c603d5dbe3aacad4888e67e.png][]

**食记****-厨艺社交产品**

By向日葵

![999f04c800938f5c4e0c747045beb11e.png][]

**吃喝住行，吃为大。**向日葵团队带来的《食记》APP，**“让做菜变得有乐趣，让厨房变成游乐场”**，它不仅仅能实现美食达人线上交流，同时还能实现线下厨艺共享——**“附近搜索定位，美食达人亲自帮/教你做”。**

星仔默默祈祷：**快让这个APP落地吧！**从此告别油腻外卖，爱上在家吃饭！

![732717906d38f39d7288635f32aefeef.png][]

▲汇报人：周燕香

(向日葵团队的PPT都好吃看的犯规)

**导师点评：产品足够垂直，也有差异化，符合一个创业项目的要求**

UI专业学员分组宣讲完计划方案后，由前端专业学员根据方案的商业逻辑和可操作性，**在现场票选决出最终孵化项目。**

最终，**向日葵战队产品方案“食记-厨艺社交产品”**凭借产品划分垂直、有差异化竞争特色，得到(禁不住美食诱惑的)前端专业学员最高票，**将组成新战队共同完成上线项目的孵化。**

![45f1932347d4a06f90b9c9cd020117b0.png][]

▲前端学员投票商议中

在进行项目点评时，**火星时代互动媒体系前端教研组李经理**说道：

“UI同学的创意特点**各有千秋，也可圈可点**，但对于解决用户根本需求和商业模式的底层逻辑上还有比较多的成长空间。**在双方的共同目标下，前端同学会发挥专长，更优地将产品的创意呈现，期待同学们做出有商业成长的好产品。”**

![890838988aa4fa24c2773f54615d9368.png][]

▲李经理：OK的，这盘我们前端接了

其实，**UI设计与Web前端的爱恨情仇****，自古以来从未停歇。**本次跨专业联合孵化项目，给还未踏出校园的学员带来了合作沟通的学习机会，正如**火星时代互动媒体系教学总监陈川**所说：

“此次联合孵化项目，让**设计与开发学员在校期间就可以随时沟通配合**，这与他们未来的工作环境是更接近的，是在项目实战基础上更有职业培养意义的一次训练。”

![1c06becca69a2490ab2d79ecdc5ecc5d.png][]

▲孵化战队代表学员与项目指导老师合影

一直以来，**火星时代互媒系**都在不断探索更科学的教学方法以及最贴近市场的项目实训，**为学员带去更完善的学习体验**。在未来，**这样的跨专业联合实训可能会成为常态化教学环节，形成更高效的内训闭环。**

最终的孵化项目，既**向日葵团队的《食记》APP**，已于宣讲会后正式启动，**第一轮成果预计于农历新年后展示**，项目孵化最终成果将有机会通过火星时代互动媒体系**“MUX设计中心”**平台上线发布，真的有可能跟大家见面哦~

点击“

**![bd242bffc26e0a993d66bc5b250f4526.png][]**

**——往期回顾——**

![e7c8eeb7e8d53f6da645293ff1106dc0.png][]

![6beeedec07ea7e30e8999e2a8d2d3e8c.png][]

![a7f7d53cf82d83b2fe64b8b3da083bc8.png][]![d58e1f42e739dbd24afec6f6468e1eee.png][]

[967baaa9bef053de7bfd5f64ca9d7682.png]: /images/20221119/9f6742e84e4c435aa0393d74c9204d94.png
[91c7d37de13caa72c518dd151f8b0da4.png]: /images/20221119/9cd52335079b4dee8b4291bbb56d86c2.png
[035c3d426f7172c0c436170ed0057676.png]: /images/20221119/4184df78a11e496a9dcabf8a5a861c8b.png
[b1d3d4317020665b1e737af51873a466.png]: https://img-blog.csdnimg.cn/img_convert/b1d3d4317020665b1e737af51873a466.png
[2d8ab991a6a2f1860c9ef9cde6f3ecc5.png]: https://img-blog.csdnimg.cn/img_convert/2d8ab991a6a2f1860c9ef9cde6f3ecc5.png
[a430411955c5b4c626de7de5a4e33b5f.png]: https://img-blog.csdnimg.cn/img_convert/a430411955c5b4c626de7de5a4e33b5f.png
[0692f16275bdf7d1885c27d922b13859.png]: https://img-blog.csdnimg.cn/img_convert/0692f16275bdf7d1885c27d922b13859.png
[9b2eaef56f928e39d598a10b0f2d4029.png]: https://img-blog.csdnimg.cn/img_convert/9b2eaef56f928e39d598a10b0f2d4029.png
[7313969e72fe99f2f59b265f3bf34747.png]: https://img-blog.csdnimg.cn/img_convert/7313969e72fe99f2f59b265f3bf34747.png
[d5c560a26b62b3ef0c4ad830dc27fdfb.png]: https://img-blog.csdnimg.cn/img_convert/d5c560a26b62b3ef0c4ad830dc27fdfb.png
[27dd31b9284deb749e35d008a70768ba.png]: https://img-blog.csdnimg.cn/img_convert/27dd31b9284deb749e35d008a70768ba.png
[938a443324d928c9cfd67a0a062cc7b6.png]: https://img-blog.csdnimg.cn/img_convert/938a443324d928c9cfd67a0a062cc7b6.png
[0ed244fabd6be1dc58ddd0f380cfda8a.png]: https://img-blog.csdnimg.cn/img_convert/0ed244fabd6be1dc58ddd0f380cfda8a.png
[38801eb95bf28cff254b008db3bc9e64.png]: https://img-blog.csdnimg.cn/img_convert/38801eb95bf28cff254b008db3bc9e64.png
[071fe5877f21961376fd9e589a0c7db9.png]: https://img-blog.csdnimg.cn/img_convert/071fe5877f21961376fd9e589a0c7db9.png
[0f553c66165e7b965a06de48fcc359f1.png]: https://img-blog.csdnimg.cn/img_convert/0f553c66165e7b965a06de48fcc359f1.png
[a86ca8933c603d5dbe3aacad4888e67e.png]: https://img-blog.csdnimg.cn/img_convert/a86ca8933c603d5dbe3aacad4888e67e.png
[999f04c800938f5c4e0c747045beb11e.png]: https://img-blog.csdnimg.cn/img_convert/999f04c800938f5c4e0c747045beb11e.png
[732717906d38f39d7288635f32aefeef.png]: https://img-blog.csdnimg.cn/img_convert/732717906d38f39d7288635f32aefeef.png
[45f1932347d4a06f90b9c9cd020117b0.png]: https://img-blog.csdnimg.cn/img_convert/45f1932347d4a06f90b9c9cd020117b0.png
[890838988aa4fa24c2773f54615d9368.png]: https://img-blog.csdnimg.cn/img_convert/890838988aa4fa24c2773f54615d9368.png
[1c06becca69a2490ab2d79ecdc5ecc5d.png]: https://img-blog.csdnimg.cn/img_convert/1c06becca69a2490ab2d79ecdc5ecc5d.png
[bd242bffc26e0a993d66bc5b250f4526.png]: https://img-blog.csdnimg.cn/img_convert/bd242bffc26e0a993d66bc5b250f4526.png
[e7c8eeb7e8d53f6da645293ff1106dc0.png]: https://img-blog.csdnimg.cn/img_convert/e7c8eeb7e8d53f6da645293ff1106dc0.png
[6beeedec07ea7e30e8999e2a8d2d3e8c.png]: https://img-blog.csdnimg.cn/img_convert/6beeedec07ea7e30e8999e2a8d2d3e8c.png
[a7f7d53cf82d83b2fe64b8b3da083bc8.png]: https://img-blog.csdnimg.cn/img_convert/a7f7d53cf82d83b2fe64b8b3da083bc8.png
[d58e1f42e739dbd24afec6f6468e1eee.png]: https://img-blog.csdnimg.cn/img_convert/d58e1f42e739dbd24afec6f6468e1eee.png