top of page

BQE SOFTWARE

Redesigning a SaaS software application Log-in screen and refreshed  design for corporate Blog-site—UI efficiency and modern aesthetics

Video-Desktop-BQE-Hero.png

Overview

BQE Software (BQE), a SaaS driven company, develops products for the professional service industries. This SaaS Apps help customers with Automating Timekeeping, Project Management, and Billing Processing.

The Goal

Create authentic brand voice-tone, update interface designs with clean aesthetics and develop an efficient user experience. Brand ReDesign applied to SaaS UI Log-in screen: focus on business and user needs with weekly updates.

Business needs

  • Create a visually appealing design to boost user satisfaction.

  • Prompt users to explore new features or upgrades through subtle design cues.

  • Improve the design of call-to-action (CTA) buttons for higher visibility and effectiveness.

  • Align the UI design with the company's brand guidelines, including colors, fonts, and tone.

  • Communicate professionalism, innovation, and trust through modern design elements.

  • Ensure the design resonates with the target audience and industry.

  • Provide contextual help and feedback.

Key Results

Since updating the SaaS login screens,  the new design aesthetics resulted in a 35% increase in user task efficiency, significantly improving user login friction.

Responsibilities

  • Desk Research

  • UX Design

  • Visual Design

  • User Interface Design

  • Product Design, Testing, QC

  • Wireframes, Prototypes


Tools: Figma, Sketch, Zeplin, Photoshop-Illustrator and Asana

Requirements and Constraints

The SaaS UI redesign prioritizes user-centric design principles to enhance usability, accessibility, and overall user engagement. Key requirements include: intuitive UX.UI, user feedback, visual consistency, scalability and optimized for performance.  

Ideation, Conception and UI Design

UI SaaS Interface Design 

UI Design iterations
Optimization and streamlining the SaaS 'Log-in' screens process. Sign-in and event Customer Journey.

Initial UI Design

Initial Concept with Login UI form, UI Design, CTA Buttons

Core Login Final.png

Visual Designer for Branding and Identity Refresh Campaign: BQE SaaS Products

From kick-off meetings to concepts and completion

Core-LOGO-ENGINEER.jpg
Core-Editions-Finals.jpg

UI Design and Development in Process

Iterated UI design stages from feedback and improved visual concepts based on Business constraints and needs.

The UI screens cycle /weekly basis
Marketing initiatives and goals.

SaaS UI Design-LIVE

Core-UI---Design-D---HR-Files-2.jpg
Core-UI---Design-D---Go-Mobile--5-column-2.jpg
Core-UI---Design-D---New-Core-2.jpg
Core-UI---Design-D---Paid-Fast-2.jpg
Devices-Build.gif

Corportate Blog-site UI Design

Design Action 2: ReDesign Corporate Blog Site for the primary company website

MVP for main section of Blog-site and the editorial-structure 'posts' and blog-site pages.

Laptop-Skewed-BQE.png

Desk Research & Define

UX.UI Planning, user flow, architecture, strategies, experience mapping, wireframes 
 

Working with stakeholders, writers, marketing and web development, our team helped redesign and refreshed an existing Blog-site/post for a website relaunch.

 

User Flow, UX strategy and planning focused on the following:
 

  • Easy to navigate and scanablility

  • Clear context, brand story and guidelines, visual hierarchy and modern aesthetics 

  • Professional, educational, trustworthy and memorable

  • Functional Calls-to-action: guiding users to the primary SaaS website for sales/marketing
     

BQE-Blog-Build-Wireframe.jpg
BQE-Case-Study-JTBD.jpg
BQE-Blog-MVP.jpg
BQE-Blog-Map-Group.jpg

Ideation and Conceptualization: Medium-Fidelity Interactive Prototype

UI Design Iteration for Development and LIVE Output

blog-bqe-UI-Screen.jpg
Blog-MacBook Frame.png

UI Design for the Industry Expert Blog postings:

CaseStudy-Build11.jpg

Reflections

The SaaS login screen and Blog-site redesign aimed to make things easier to use, more accessible, and visually appealing while keeping up with modern design trends. Out team dug into user feedback and ran usability tests to pinpoint the main issues, like confusing login messages, cluttered layouts, and inconsistent branding. The redesign tackled these head-on by simplifying the interface, focusing on key elements like input fields and call-to-action buttons, and adopting a clean, minimalist look.
 

Collaboration with stakeholders and a lot of testing were key to getting the new digital designs just right. The updates made the interface clearer and gave the users more confidence navigating around. At the same time, we ensured the redesign stayed true to the platform’s brand, with refreshed typography, color schemes, and icons that tied everything together. In the end, the new design solved usability issues, strengthened user trust, and created a login and blog experience that was both smoother and more engaging.

bottom of page