Conference Application Design
Overview
LetsChatWith is a mobile-first application that helps to connect conference attendees by interest. We've created a design from the initial idea of 2 primary roles Organizers and Attendees, to the marketing website.
Tasks
- Gather requirements, translate them to a user flow, show the relationship between different parts of the app
- Analyze similar apps in other niches, and take the best practices
- Create mobile wireframes and build clickable prototype
- Build design system in Figma, create clear guidelines
- Create designs for two user roles using mobile first approach
- Design logo that shares the idea of communication
- Create design for marketing website
- Design set of custom illustrations for the app and marketing website
- Build the marketing website via Webflow
Tech-stack
Figma
Webflow
FlowMappSolutions
User flow
At the initial stages had several meetings with the client to gather requirements and grasp the idea. Then we participated in a bunch of meetings with potential users to define their needs. Base on that info we've built user flow and visualized how different parts of the app and roles are going to be related.
Similar apps
We've analyzed approaches of similar apps in other niches to borrow best practices and adapt them to our niche considering our end users' pain points and needs.
Clickable wireframes
Based on the user flow, we've created wireframes of the main app screens and made them clickable for the attendee role. It helped us to validate the idea and ask for a feedback.
Design system
We've started with the foundations and basic components, during the design process we were growing the system with new components and modules as well as documenting things for other team mates.
Role: Attendee
We've started from the attendee user role and created mobile screens. After several user testing sessions through clickable Figma prototype we've got approval and expanded the design to tablet and desktop. All the screens were split by features and device.
Logo design
During the UI phase, we've also developed a logo that represents communication between people. We used simple shapes of conversation bubbles and avatars or heads.
Role: Organizer
At the next stage of the design process, we focused on the Organizer role. We've designed an experience where the user can create his own conference upload his logo and colors, select available interests & connection types, and then analyze his event using the dashboard.
Custom illustrations
To better explain how the app works and add a more solid look and feel we've created a set of custom illustrations that later were used in the app and marketing website pages.
Marketing website
After we created the product design and handed it off to the dev team, we focused on the marketing website that later we built via Webflow.
Outcome
- Responsive app designs for two user roles, organized by user role, device, and features
- Clickable Figma prototype that allows to go through most of the user flows
- Design system that includes all the components. its states, and clear guidelines
- Branding materials including set of custom illustrations, and animated logo
- Fully responsive cross browser marketing website
- Set of product images for potential customers pitches
Let's see how This Dot can help you
Are you looking for a development consulting firm that can provide staff augmentation, architectural guidance, and consulting to your company? Look no further than This Dot Labs. Our team of experienced developers and managers can help you implement and teach modern web best practices, and deliver your projects on time and within budget. Contact us today to learn more about our services and how we can help you achieve your development goals.
You might also like
Portfolio
Our clients are building for the future. Explore This Dot Labs' portfolio, and see how we have helped them achieve their diverse technical goals.
Load Management Platform Design
topics covered in this case study:
Stanza is an app which manages the site’s ups and downs, improves scalability and performance while managing multi-tenant or spiky traffic.
Driving Web3 Innovation: Collaborative Success in Showcasing Chainlink Functions
topics covered in this case study:
Chainlink, the company behind the Web3 services platform and blockchain oracle network of the same name, approached This Dot Labs to build a showcase application featuring Chainlink Functions.
Daily Polished, a members-only e-commerce platform focused on luxury beauty and wellness products
topics covered in this case study:
This Dot Labs took over architectural decision making and development for the e-commerce store and provided a seamless transition with timely deliver of the platform.
Developer Communities Platform Design
topics covered in this case study:
Developer Communities Platform
WebXR Performance Testing with React: Revolutionizing Mixed Reality Development
topics covered in this case study:
This collaborative endeavor demonstrated the potential of WebXR and showcased the power of leveraging community support and expertise in the open-source ecosystem.
Enhancing Sentry’s Suite of Debugging Tools with a Cutting Edge Replay Feature
topics covered in this case study:
Sentry’s Emerging Technologies team approached This Dot Labs to augment their team developing a new feature offering a visual replay of user interactions that would seamlessly fit in with Sentry’s portfolio of error and performance monitoring tools.
- See full portfolio