案例研究:Umperface。品牌标识和网站设计在网络上获得灵感

案例研究:Umperface。品牌标识和网站设计在网络上获得灵感

Umperface home

Umperface 是一个专注于发布用户体验设计和品牌设计研究的平台。目标是发表关于多个品牌的研究,以最大限度地了解他们的策略,从而激发设计师和营销专业人士的灵感。

该平台的存在是为了帮助、教育和激励设计师、营销专业人士以及初创公司和企业家创造讲述他们故事的体验。

该品牌旨在极其乐观并相信人。为了传达这一点,有必要有一个视觉识别,让每个想要通过设计放弃或提高自己价值的人都能接受。

颜色

Umperface color palette

因为是一个现代包容的品牌,颜色的选择也需要多样化,但与科技场景背道而驰,Umperface 的颜色有更多巴氏杀菌色调,旨在让参观者的视觉舒适度。

标识

Umperface logo case

如前所述,该品牌旨在接受和乐观,没有什么比微笑更能传达这些情绪了,所以对于标志,我决定创造一些可以代表微笑的东西,同时与字母“U”相匹配这是品牌名称的首字母。

最初的设计似乎比品牌的提议要严肃得多,所以我又进行了一次冒险,但有了吉祥物标志的想法。

对于排版,在特定徽标的情况下,选择的字体是 IBM Plex Sans ,一种像素化的字体,用于强化设计师的产品理念。

关于吉祥物

Umper往往是品牌的差异化。一个外星人吉祥物,灵感来自加密世界,但让人想起电视动画。谢谢 样条 它也可以出现在 3 个维度中。

排版

在要在网站上使用的排版中,我选择使用两种字体,对于标题,我选择了 Space Grotesk,因为它是一种现代字体,同时像素化,再次为设计师带来了产品的想法,但也类似于与吉祥物 Umper 在风格和历史上相得益彰。

对于正文,我选择了Inter,它简洁、优雅、现代,几乎可以匹配任何其他无衬线字体。

网站

考虑到目标受众大部分时间都在屏幕前,并以不伤害参观者的眼睛为目标,更重要的是,黑暗模式在这个项目中获得了优先考虑。

由于它是 MVP,其目的是创建一个简单友好的界面,仅包含应用程序的主要功能,但同时传达品牌信息。

Umperface home hero

https://vimeo.com/750800702

发展

该应用程序正在开发中,很快第一个测试版将可用。它正在使用以下技术进行开发:

1. 前端的 React 和 Next js

2. Hygraph 作为一个无头的 cms

我对新项目持开放态度

欢迎点击以下链接与我交流:

让我们聊天

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/37846/55491910

posted @ 2022-09-19 10:56  哈哈哈来了啊啊啊  阅读(27)  评论(0编辑  收藏  举报