Available for new cooperation from April. Drop us a line to book a team 👈
Available for new cooperation from April. Drop us a line to book a team 👈
Available for new cooperation from April. Drop us a line to book a team 👈

Omni NEW - goodface.agency

Platform for managing and configuring Discord servers

Industry

  • SaaS

Expertise

UX/UI design, сustom software development

Development period

2023

1. Goodface agency - case Omni - Dashboard.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency

Task

An entrepreneur approached us with a desire to create
a platform to enhance the user experience in managing Discord servers.

He had extensive experience managing various platforms, but they weren’t good enough.

2. Goodface agency - case Omni - Project plan.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency

Team squad

Managment

Avatar-1.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency

Product Manager

Design

Avatar.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency

Design Lead

Avatar-6.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency

UX/UI designer

Development

Avatar-2.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency

Frontend Developer

Avatar-3.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency

Backend Developer

Avatar-9.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency

QA

Avatar-7.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency

DevOps

Challenge

The client came with an initial vision. We and our job was to turn that into a full-fledged system and conduct scoping to break down the processes into creation-release stages and plan the product launch.

We needed to build the appropriate architecture and structure of interactions with Discord,
cause our product has the intent to manage Discord. Additionally, we had to uncover all potential
ways we could manage Discord as an app and boost the user experience.

A huge challenge was managing a ton of features, and making it smooth for users.

The global goal was to introduce a new product that would serve as a solution to only for businesses,
but also for any other communities, like gamers who dig Discord. Omni provides more custom
control over managing the Discord server. Our team task here was to globalize all products
and integrate all functions.

3. Goodface agency - case Omni - Dashboard mockup.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency

Solution for Omni

Approach

We’ve two interaction models: a technical partner
and a dedicated design team.

The client's request resonated more with the first option, so we settled on it. This means
we decide how to build and improve the functionality, test hypotheses, and influence
the product look and performance together with the client.


Discovery

There has to be the right architecture
in the fundamentals of the project.

To nail this, we dive into UX research. It began with creating a customer journey map.
We clearly defined the dependencies of functions, role management, and obtained
a visual structure of the functionality to be implemented.

Next up, we whip up some wireframes. This step lets us scope out the visual components,
figure out functional requirements of the product and logically chunk out the project into
potential release stages.

As a result, we had a comprehensive understanding of the relationships, a functional
project map, and an understanding of the project's work plan.

4. Goodface agency - case Omni - Wireframes.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency
5. Goodface agency - case Omni - User flow.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency

Design

We started this stage of the Omni project by searching
for design concepts.

We settled on a traditional Discord app style: a dark color scheme with bright green
and purple accents, rounded corners, and a left-side navigation panel. This way, it's a no-brainer
for users to feel like our product is part of the Discord ecosystem.

At the end of this phase, we created layouts and a scalable design system of UI components.

11. Goodface agency - case Omni - Server Guard.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency
7. Goodface agency - case Omni - Select server & component.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency

Design system

At the end of this phase, we created layouts and a scalable design system of UI components.

5. Goodface agency - case Omni - Components.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency
6. Goodface agency - case Omni - UI lit.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency

Development

The first step was to hook up every data integration
we could from Discord to build a comprehensive
data model.

The first step was to hook up every data integration we could from Discord to build
a comprehensive data model. Then, we got down to tweaking specific features in the product,
at once testing them in a test environment.

14. Goodface agency - case Omni - crypto statistics counters.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency
10. Goodface agency - case Omni - Statistics Chanels.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency

Development

Another challenge with the Omni project was making
the system scalable. We saw a massive user wave coming,
so we considered it during the Backend stage.

That’s why our approach was based on a distributed system of servers. We compiled the first
functional blocks of the product into the debut release version, preparing to roll out the MVP.

During the scoping phase, we got the major modules dialed in: a server management system,
an analytics system, a roles system, and the initial automation settings for managing chats
and channels.

12. Goodface agency - case Omni - server rank card.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency
13. Goodface agency - case Omni - XP & Levels.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency
18. Goodface agency - case Omni - Role selection.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency

Development

Sure, we’ve done everything quickly. However, after
the first Friends and Family test, we and the client realized
that launching the MVP was not practical, as we had
an insufficient amount of functionality.

So, we decided to continue the active development phase until the product was fully completed. 

So, we began building the Discord server system, the polling, and the internal statistics
management system, plus we spiced up the product's visuals and streamlined some
of the functional bits.

9. Goodface agency - case Omni - Pricing Cards.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency
15. Goodface agency - case Omni - Server Statistics & Logo.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency

Development

One of our favorite features in Omni is the ability to create custom message flow builders.

It’s quite easy for users to configure them on their own. Another important component
for us is ensuring reliable delivery and uptime of the project. So, we built a seamless update system.
We duplicated the system on several servers, so there is no need to worry that the product will become unavailable to users in case of force majeure.

What's the bottom line?  In just four months, we nailed a fully-fledged MVP, and over
the next eight, we built a complex, multifunctional product.

8. Goodface agency - case Omni - Message Builder.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency
17. Goodface agency - case Omni - Component & XP Levels.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency
16. Goodface agency - case Omni - Message builder Desktop & Mobile.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency

Result

Ultimately, the client received a multifunctional product,
filled with various solutions for setting up Discord servers not only for business but for any kind of community out there.

There’s a truly large number of customization options for the user experience on individual
Discord servers. Now is the time for the phase of collecting all the extra feedback and requirements
for future improvements is ongoing.

19. Goodface agency - case Omni - All screens.png - UX/UI design and development for SaaS solution for Discord app - goodface.agency
Take your business
to the
 next level

in one simple step
get in touchSmile - goodface.agency
Cat
Close
Checkmark - goodface.agency

Fill in a simple brief

We will respond during business hours

Close

PRIVACY POLICY

Welcome to Goodface privacy notice.

Goodface respects your privacy and is committed to protecting your personal data. This privacy notice will inform you as to how we look after your personal data when you visit our website (regardless of where you visit it from) and other sites we own and operate. And tell you about your privacy rights and how the law protects you.

We may change the privacy policy from time to time to reflect changes to the products and services that we provide and how we process your personal data.

We will not share your information with any third party outside of our organization, other than as necessary to fulfil your request if any."

INFORMATION WE COLLECT

When you visit our website, our servers may automatically log the standard data provided by your web browser. This data is considered “non-identifying information”, as it does not personally identify you on its own. It may include:

  • Your computer’s Internet Protocol (IP) address;
  • Your browser type and version;
  • The pages you visit;
  • The time and date of your visi;
  • The time spent on each page;

OTHER DETAILS

We may ask for personal information, such as your name and email address. This data is considered “identifying information”, as it can personally identify you. We only request personal information relevant to providing you with a service, and only use it to help provide or improve this service.

We collect information by fair and lawful means, with your knowledge and consent. We also let you know why we’re collecting it and how it will be used. You are free to refuse our request for this information, with the understanding that we may be unable to provide you with some of your desired services without it.

We will only process personal data and communicate with you if:

1. You have given us consent to the processing of your personal data and communicating for one or more specific purposes i.e. requesting products or services from us, downloading material or information from our website or submitting a contact us form.

2. Performance of a contract

3. Where we have a legitimate interest for contacting you in relation to our products and services

DATA PROCESSING AND STORAGE

We only retain personal information for as long as necessary to provide a service, or to improve our services in future. While we retain this data, we will protect it within commercially acceptable means to prevent loss and theft, as well as unauthorised access, disclosure, copying, use or modification. That said, we advise that no method of electronic transmission or storage is 100% secure, and cannot guarantee absolute data security.

Rights and choices of individuals:

  • See what data we have about you, if any;
  • Change/correct any data we have about you;
  • Have us delete any data we have about you;
  • See what security measures we apply to your data;
  • Express any concern you have about our use of your data;

You may opt out of any future contacts from us at any time. You can do the following at any time by contacting us via the email address given on our website: goodface.agency