Overview of the project
Vidstep is a platform that allows you to create step-by-step instructional videos, and build product demos for Potential customers to standardise the experience for your business. The platform also provides valuable insights so you can see how your video is performing as soon as it’s published.
Platform stats before the redesign phase:
- 35K+ Users
- 4500+ Business Accounts
- 100+ Positive Reviews
-
Industry
Edutech
-
Platform
Web app
-
Location
Australia
-
Services
Design Strategy
UX Design
UI Design
Challenges we identified
-
Product features communicated poorly through public website
Vidstep’s public website is inadequate in conveying the product’s features to potential customers effectively. This can lead to confusion, frustration, and impact the no. of onboarding of the users for free trial.
-
Higher learning curve to understand the system
Challenging for users to understand and effectively use the Vidstep tool due to its complexity which can impact their overall experience and perception of the system.
-
Difficult to find relevant information while viewing the Vidstep video
Users have difficulty locating the information that is relevant to their needs or interests when using Vidstep. This can lead to frustration and dissatisfaction, and may ultimately result in a decrease in user engagement and retention.
Insights from the collaborative discovery sessions
During the interaction with the client, we ask questions, listen to their ideas, and clarify any uncertainties. Once we have a solid understanding of the client’s requirements, Taking into account the platform’s nature and the needs of different user types, we then analyse their existing platform and website to identify areas that can be improved.
-
Due to its inability to clearly communicate the product's functionalities, the Vidstep website experienced a low adoption rate among users.
-
The design needed to be intuitive & straightforward, allowing users to quickly grasp how to use the platform and create videos effortlessly.
-
Creating step-by-step videos can be challenging, particularly for users who come from a non-technical background.
Organise the information and navigation pattern of the website in a structured and more visually appealing manner
We organised the navigation and information with different user types in mind, making it easy for them to locate relevant information. This helps users understand how Vidstep can add value and take advantage of the tool.
Navigation pattern improvement
We created the website navigation in such a manner where it guides different users groups through the content and features of Vidstep which are more relevant to them and that helps in user retention.
We identified below target user groups: Business and team, Customer support, Product demo team
Custom graphics that properly conveys the message
Effective graphics are an essential component of visual communication and can be used to enhance the understanding of complex information or data by presenting it in a clear, concise, and visually appealing manner.
-
Get the Consolidates Videos Accessible to Your Teams
-
Direct
Social Media Sharing
-
Access Your Vidstep Videos From
Anywhere
-
Sales And Marketing Are Always
Top Of Mind
-
Customer enablement breeds loyalty
and engagement
Redesign of the website pages
Improving the user interface and user experience of a website to increase engagement, user satisfaction, and ultimately achieve business goals
-
Pricing page
-
Blog page
Structuring user journey through wireframing
Once we had a clear understanding of the client’s requirements, we began working on wireframes. Wireframes are essentially simplified layouts that help to illustrate the structure and flow of a design. During this stage of the project, we involved the client in every stage of the design process to ensure that their needs and preferences were being met. We also took the time to explain the rationale behind each design decision.
Setting the visual tone
In the visual design stage, we explore various design options and experiment with different layouts, colours, fonts, and other visual elements. Throughout the visual design stage, we regularly took feedback from stakeholders. The feedback helped us refine and deliver final visuals that meet clients’ requirements.
Guided Vidstep creation process
Guiding users through the Vidstep creation process in a manner that prevents them from feeling disoriented at any point.
Viewers can easily find the relevant information related to and Vidstep
While viewing the Vidstep user easily find the information or the resources regarding the step.
Light & Dark mode options for viewers
By providing both dark and light modes in the system, users can opt for their preferred display mode and enhance their engagement with the system.
UI kit
To ensure a uniform visual design and user experience throughout the platform, we developed a UI Kit. Having a UI Kit in place simplifies the process of expanding the platform with new features and functionalities, while preserving the existing design language.
-
Typography
-
Colors
-
Components
-
“UXTeam provided exceptional design work that exceeded my expectations. They were professional, responsive, and highly creative in translating my vision into a visually stunning and functional design. I highly recommend their top-quality services.”
Vidstep
The web app has received overwhelmingly positive ratings on both AppSumo and Google, along with stellar reviews.
-
I was planning to use vidstep just as a screen sharing tool for clients but after just a few minutes I was blown away by just how easy it is to get a video loaded, chapters built, resources added and embedded in my website. I am now using team training and client facing instruction. All of this without a single visit to the knowledge base or live chat.
-
Vidstep is fast and awesome.
You can record your screen directly with vidstep. -
Vidstep is excellent to create step-by-step videos to advertise how a physical or digital product works to sell.
-
VidStep is AMAZING! Finally an easy way to create training videos! I love being able to create one video with screen recording, do my editing, then upload it to VidStep and just break it into sections with simple markers. This is a game changer for pre-recorded videos! I have already recommended it to three of my friends!
-
You’re going to regret it if you miss this one! It’s absolutely perfect for those who do a lot of tutorials or explainer type of videos. I’m sure I’m going to get great use out of this one and the price is an absolute no brainer so grab it while you can!
-
So simple to use and so powerful ! I built my first test vidstep in about 5 minutes, amazing. The app is really simple to use and implict, it’s perfect ‘and the bug asset is also that you can take a video of your screen from the app, wow !
Have a SaaS project or idea in mind?
Let’s connect and understand how we can collaborate to take it to the next level!