Screenshot of the Loom home page. The header contains the Loom logo, main site navigation, and primary calls-to-action. The hero has a large 'Get Loom for Free' button on the left side, and a screenshot of the Loom app on the right.
技术
Tailwind CSS、Next.js、React
日期
访问网站

Loom

领先的异步工作视频通信平台。

Loom 使得向团队成员和合作者发送视频更新变得容易。只需点击一下,您就可以录制自己和屏幕,并轻松地分享它。Loom 网站是一个 Next.js 应用程序,使用 Tailwind CSS 构建。

Screenshot of the Loom 'Careers' page. The header contains the Loom logo, main site navigation, and primary calls-to-action. The hero contains a large heading interspersed with circular avatar images. Underneath is a 'See Open Positions' button.
网站的一部分,包含一个号召性用语,鼓励探索 Loom 的空缺职位。使用圆形 Loom 风格的图像来突出标题。
Screenshot of the Loom 'Pricing' page. The header contains the Loom logo, main site navigation, and primary calls-to-action. The three available plans are arranged in a row and each has a price, a feature list, and a call-to-action.
一个价格表,显示三种不同的价格层级:入门版、商务版和企业版。
Mobile screenshot of the Loom home page. The header contains the Loom logo and a menu button. The hero has a large 'Get Loom for Free' button followed by a screenshot of the Loom app.
Mobile screenshot of the main Loom website navigation. The header contains the Loom logo and a close button. The navigation contains collapsible sections and the first section is expanded, showing a list of pages with small icons beside each link.
Mobile screenshot of the 'Get your message across' section on the Loom website. In the center of the screen is a screenshot representing the Loom app.
Loom 网站在移动设备上的体验,包括网站菜单在可折叠部分中的外观。
Screenshot of the Loom website showing a user testimonial. There are arrows are either side for navigating between testimonials.
主页上的一个带有推荐语的滑块。
Screenshot of the 'Team Alignment' page on the Loom website. The header contains the Loom logo, main site navigation, and primary calls-to-action. In the hero section a large heading and introduction paragraph are followed by a 'Get Loom for Free' button.
网站子页面的英雄部分,以 Loom 下载按钮作为主要号召性用语。