Conference platform

Conference platform
Project overview

Signal is a conference platform for customers and developers organized by Twilio. The platform offers attendees full engagement through the creation of personalized agenda.

Our aim was to build effortless navigation through various channels, accessing recorded sessions at their convenience, getting exceptional support throughout their experience and 1:1 real-time conversation with niche experts or conference partner companies.

Tasks
  • Audit the existing platform app from a UX/UI point of view. Put together user needs and pain points
  • Create a new platform considering customers’ feedback on the existing one
  • Consider a set of new features and their integration into the existing platform
  • Conduct research of existing services. Find out the best user experience practices
  • Create wireframes to test out existing concept options
  • Prepare high-fidelity wireframes based on the research and approved concept
  • Create detailed dev guidelines, do visual checking to make sure the app fits the design
  • Build responsive design to cover 4 screens resolution: FullHD, Desktop, Tablet and Mobile
  • Create and animate visual graphic and assets
  • Design separated additional module consigned to connect experts and conference attendees
Tools
Figma
Figma
Miro
Miro
Keyshape
Keyshape
Solutions
Outcome

Conference platform that covers all stages of the current tech event, from first registration and personal scheduling to the events recordings, and puts user engagement on a new level with different communication chats, multichannel conference views, and gamification elements.

Solutions

New platform

It was another year conference organized by Twilio for Signal, and we were excited to continue our collaboration, as they were back with new features, ideas, and attendees' feedback. And our mission was to create a new conference platform which provides the best online user experience.

New platform

It was another year conference organized by Twilio for Signal, and we were excited to continue our collaboration, as they were back with new features, ideas, and attendees' feedback. And our mission was to create a new conference platform which provides the best online user experience.

New platform

It was another year conference organized by Twilio for Signal, and we were excited to continue our collaboration, as they were back with new features, ideas, and attendees' feedback. And our mission was to create a new conference platform which provides the best online user experience.

New platform

It was another year conference organized by Twilio for Signal, and we were excited to continue our collaboration, as they were back with new features, ideas, and attendees' feedback. And our mission was to create a new conference platform which provides the best online user experience.

New platform

It was another year conference organized by Twilio for Signal, and we were excited to continue our collaboration, as they were back with new features, ideas, and attendees' feedback. And our mission was to create a new conference platform which provides the best online user experience.

Ideation & Expression

To get better understanding of the user and project needs, we broke down each module on technical and experience aspects and then moved on with the best practices. The brand visual part was also covered as the key point of the conference experience.

Ideation & Expression

To get better understanding of the user and project needs, we broke down each module on technical and experience aspects and then moved on with the best practices. The brand visual part was also covered as the key point of the conference experience.

Ideation & Expression

To get better understanding of the user and project needs, we broke down each module on technical and experience aspects and then moved on with the best practices. The brand visual part was also covered as the key point of the conference experience.

Ideation & Expression

To get better understanding of the user and project needs, we broke down each module on technical and experience aspects and then moved on with the best practices. The brand visual part was also covered as the key point of the conference experience.

Ideation & Expression

To get better understanding of the user and project needs, we broke down each module on technical and experience aspects and then moved on with the best practices. The brand visual part was also covered as the key point of the conference experience.

Dashboard

We highlighted the content based on the users’ interests and agenda on the main page of the conference. It helps users to stay tuned with activities they are interested in.

Dashboard

We highlighted the content based on the users’ interests and agenda on the main page of the conference. It helps users to stay tuned with activities they are interested in.

Dashboard

We highlighted the content based on the users’ interests and agenda on the main page of the conference. It helps users to stay tuned with activities they are interested in.

Dashboard

We highlighted the content based on the users’ interests and agenda on the main page of the conference. It helps users to stay tuned with activities they are interested in.

Dashboard

We highlighted the content based on the users’ interests and agenda on the main page of the conference. It helps users to stay tuned with activities they are interested in.

Theater page

We’ve created the Theater page, consisting of 7 channels. Each channel provides all the information related to the session and relevant chat channels which help attendees to communicate better.

Theater page

We’ve created the Theater page, consisting of 7 channels. Each channel provides all the information related to the session and relevant chat channels which help attendees to communicate better.

Theater page

We’ve created the Theater page, consisting of 7 channels. Each channel provides all the information related to the session and relevant chat channels which help attendees to communicate better.

Theater page

We’ve created the Theater page, consisting of 7 channels. Each channel provides all the information related to the session and relevant chat channels which help attendees to communicate better.

Theater page

We’ve created the Theater page, consisting of 7 channels. Each channel provides all the information related to the session and relevant chat channels which help attendees to communicate better.

Design foundation

We followed the atomic approach, while bootstrapping our project. Starting with a solid and consistent UI foundation, which has been broaden with new elements, components, and templates.

Design foundation

We followed the atomic approach, while bootstrapping our project. Starting with a solid and consistent UI foundation, which has been broaden with new elements, components, and templates.

Design foundation

We followed the atomic approach, while bootstrapping our project. Starting with a solid and consistent UI foundation, which has been broaden with new elements, components, and templates.

Design foundation

We followed the atomic approach, while bootstrapping our project. Starting with a solid and consistent UI foundation, which has been broaden with new elements, components, and templates.

Design foundation

We followed the atomic approach, while bootstrapping our project. Starting with a solid and consistent UI foundation, which has been broaden with new elements, components, and templates.

Assets

We crafted a set of brand creatives that highlights the main events and showcases the conference's essential features over the conference.

Assets

We crafted a set of brand creatives that highlights the main events and showcases the conference's essential features over the conference.

Assets

We crafted a set of brand creatives that highlights the main events and showcases the conference's essential features over the conference.

Assets

We crafted a set of brand creatives that highlights the main events and showcases the conference's essential features over the conference.

Assets

We crafted a set of brand creatives that highlights the main events and showcases the conference's essential features over the conference.

Working process

Regular syncs helped us to stay on the same page with stakeholders, process feedback, and got new insights. Collaborating with developers, we addressed functional constraints and provided clear pre/post-production guidelines.

Working process

Regular syncs helped us to stay on the same page with stakeholders, process feedback, and got new insights. Collaborating with developers, we addressed functional constraints and provided clear pre/post-production guidelines.

Working process

Regular syncs helped us to stay on the same page with stakeholders, process feedback, and got new insights. Collaborating with developers, we addressed functional constraints and provided clear pre/post-production guidelines.

Working process

Regular syncs helped us to stay on the same page with stakeholders, process feedback, and got new insights. Collaborating with developers, we addressed functional constraints and provided clear pre/post-production guidelines.

Working process

Regular syncs helped us to stay on the same page with stakeholders, process feedback, and got new insights. Collaborating with developers, we addressed functional constraints and provided clear pre/post-production guidelines.

Agenda

We added the personalization aspect to the Agenda page for users to build their own schedule based on their interests. And with the notification feature users won’t miss any session, which increases attendees' involvement.

Agenda

We added the personalization aspect to the Agenda page for users to build their own schedule based on their interests. And with the notification feature users won’t miss any session, which increases attendees' involvement.

Agenda

We added the personalization aspect to the Agenda page for users to build their own schedule based on their interests. And with the notification feature users won’t miss any session, which increases attendees' involvement.

Agenda

We added the personalization aspect to the Agenda page for users to build their own schedule based on their interests. And with the notification feature users won’t miss any session, which increases attendees' involvement.

Agenda

We added the personalization aspect to the Agenda page for users to build their own schedule based on their interests. And with the notification feature users won’t miss any session, which increases attendees' involvement.

Session detail page

We’ve designed session pages that help attendees join office hours hosted by niche experts or watch archived sessions, share conferences, and check out session details, resources, and related sessions.

Session detail page

We’ve designed session pages that help attendees join office hours hosted by niche experts or watch archived sessions, share conferences, and check out session details, resources, and related sessions.

Session detail page

We’ve designed session pages that help attendees join office hours hosted by niche experts or watch archived sessions, share conferences, and check out session details, resources, and related sessions.

Session detail page

We’ve designed session pages that help attendees join office hours hosted by niche experts or watch archived sessions, share conferences, and check out session details, resources, and related sessions.

Session detail page

We’ve designed session pages that help attendees join office hours hosted by niche experts or watch archived sessions, share conferences, and check out session details, resources, and related sessions.

Networking UI

To make sure attendees can ask questions relevant to the session topic and communicate with each other, we’ve designed a networking UI. This one unites the chatting and concierge services to provide exceptional support.

Networking UI

To make sure attendees can ask questions relevant to the session topic and communicate with each other, we’ve designed a networking UI. This one unites the chatting and concierge services to provide exceptional support.

Networking UI

To make sure attendees can ask questions relevant to the session topic and communicate with each other, we’ve designed a networking UI. This one unites the chatting and concierge services to provide exceptional support.

Networking UI

To make sure attendees can ask questions relevant to the session topic and communicate with each other, we’ve designed a networking UI. This one unites the chatting and concierge services to provide exceptional support.

Networking UI

To make sure attendees can ask questions relevant to the session topic and communicate with each other, we’ve designed a networking UI. This one unites the chatting and concierge services to provide exceptional support.

Office hours room

Session hosted by experts called office hour. Attendee needs to take a queue and then join the room to talk to a speaker or ask a question. To show optimized communication experience between speaker and attendee, we created designs that cover both roles.

Office hours room

Session hosted by experts called office hour. Attendee needs to take a queue and then join the room to talk to a speaker or ask a question. To show optimized communication experience between speaker and attendee, we created designs that cover both roles.

Office hours room

Session hosted by experts called office hour. Attendee needs to take a queue and then join the room to talk to a speaker or ask a question. To show optimized communication experience between speaker and attendee, we created designs that cover both roles.

Office hours room

Session hosted by experts called office hour. Attendee needs to take a queue and then join the room to talk to a speaker or ask a question. To show optimized communication experience between speaker and attendee, we created designs that cover both roles.

Office hours room

Session hosted by experts called office hour. Attendee needs to take a queue and then join the room to talk to a speaker or ask a question. To show optimized communication experience between speaker and attendee, we created designs that cover both roles.

Related pages

As a part of the platform, we’ve also created login & sign-up, community hall, sponsor, user profile, and other supplementary pages.

Related pages

As a part of the platform, we’ve also created login & sign-up, community hall, sponsor, user profile, and other supplementary pages.

Related pages

As a part of the platform, we’ve also created login & sign-up, community hall, sponsor, user profile, and other supplementary pages.

Related pages

As a part of the platform, we’ve also created login & sign-up, community hall, sponsor, user profile, and other supplementary pages.

Related pages

As a part of the platform, we’ve also created login & sign-up, community hall, sponsor, user profile, and other supplementary pages.

Responsive

To provide optimal experience on various devices, we have created responsive design for four specific breakpoints: Full HD, Desktop, Tablet, and Mobile.

Responsive

To provide optimal experience on various devices, we have created responsive design for four specific breakpoints: Full HD, Desktop, Tablet, and Mobile.

Responsive

To provide optimal experience on various devices, we have created responsive design for four specific breakpoints: Full HD, Desktop, Tablet, and Mobile.

Responsive

To provide optimal experience on various devices, we have created responsive design for four specific breakpoints: Full HD, Desktop, Tablet, and Mobile.

Responsive

To provide optimal experience on various devices, we have created responsive design for four specific breakpoints: Full HD, Desktop, Tablet, and Mobile.

No items found.

Outcome

Conference platform that covers all stages of the current tech event, from first registration and personal scheduling to the events recordings, and puts user engagement on a new level with different communication chats, multichannel conference views, and gamification elements.

Linkedin

Linkedin

More works

Looking for an expert?

Let's discuss how WebFolks can help!

Contact Us
WebFolks logo outline