SC header logo

Utily: Transforming
the Electrician Job Market

Transforming how electricians connect with job opportunities, Utily revolutionizes the on-demand services industry, making it simpler and faster for professionals to find work and for businesses to find skilled electricians.

Utily is a mobile application designed to revolutionize the way electricians find work and connect businesses with reliable electrical contractors. This case study details the design, development, and implementation of the Utily app, encompassing UX/UI design using Tailwind CSS, cross-platform mobile app development using Ionic and Capacitor, and backend development using Laravel.

Location

Chicago, USA

Industry

On-Demand Services

Project Duration

3 months

Services

Project Management, Wireframing, Product design, Mobile Development, Backend Development, Custom Web Applications, Quality Assurance

Technologies

Capacitor, Ionic, Laravel, Stripe, Tailwind CSS, Pusher, OneSignal

utily-mockup-3
utily-multiple-screens
utily-wireframes
utily-iphone-mockup
utily-matched-jobs

Objectives

The development of Utily was driven by a distinct mission: to simplify and enhance the way businesses and electrical contractors connect for service needs and job opportunities. Our initiative focused on two primary groups in the electricians industry: businesses in need of quick, reliable electrical services, and electricians seeking more job sources. The objective was to streamline this connection process, addressing the common challenges of reliability, speed, and convenience faced by both parties, ultimately facilitating a smoother resolution of electrical issues.

utily-multiple-screens

Challenges

Our journey was filled with challenges, including creating an intuitive interface to match electricians with jobs and ensuring the app works well on all devices. Building a detailed admin panel for managing users, jobs, subscriptions, and payments was a big task that needed advanced development work. Also, adding a reliable payment system and setting up push notifications to keep users updated were significant technical tasks.

Approach

1

Research and Planning

Initial stages involved extensive market research and persona development to understand the target users' needs and preferences. Joe, a fictional character representing a small electrical contractor business owner, served as a guiding beacon throughout the development process.

2

Low-Fidelity Wireframes

After establishing a clear direction based on our research, we moved on to sketch low-fidelity wireframes. This step allowed us to lay out the user interface's basic structure and flow, facilitating early discussions and refinements before advancing to more detailed designs.

utily-wireframes
3

UX/UI Design

Transitioning from low-fidelity wireframes to high-fidelity designs, we established a minimal brand book and standards, carefully selecting typography, colors, and spacing to shape the app's overall look and feel. This design phase prioritized designing key pages first, then expanding to secondary pages, ensuring a consistent and engaging user experience while incorporating client feedback throughout the process.

4

Mobile Development

The mobile development phase saw the translation of our high-fidelity designs into a fully functional cross-platform application. By leveraging the Ionic framework and Capacitor for native functionality, we created a seamless experience across different devices and operating systems. This phase emphasized clean coding practices, performance optimization, and a modular architecture to facilitate future enhancements.

5

Backend Development

Using Laravel, we built a strong and scalable backend system. This included creating APIs, integrating databases, and setting up secure logins. We also developed a full admin panel within the same Laravel instance as the API. This panel lets the client manage everything about the mobile app: users, jobs, subscriptions, payments, and more. It has its screens, actions, and routes, making it a complete tool for app management.

6

Stripe Payment Integration

We integrated Stripe to provide a secure and seamless payment experience. This addition involved meticulous testing to ensure transactions were smooth, reliable, and user-friendly, enhancing trust and convenience for both electricians and businesses.

7

Quality Assurance

An extensive phase of quality assurance followed, where we meticulously tested the app across multiple devices and platforms to ensure flawless functionality, user experience, and security. This process helped identify and rectify any potential issues before the public release.

8

Client Feedback

Incorporating client feedback was an integral part of our iterative development process. We engaged in continuous dialogue with our client, making necessary adjustments and improvements based on their insights and suggestions. This collaboration ensured that the final product truly resonated with the client's vision and user expectations.

9

Launch

We launched Utily carefully, checking everything to make sure it worked smoothly for users, from signing up to finding jobs. After launch, we kept improving it based on what users needed.

Outcome

Utily is now a sleek, efficient mobile application that epitomizes the ease of connecting electricians with job opportunities. The app's design prioritizes user engagement, with features tailored to simplify the job posting and application process. Feedback-driven enhancements continue to elevate the platform, promising a future of ongoing improvement and expansion.

group logo
utily-iphone-mockup

Conclusion

The development of the Utily app not only met but exceeded its objectives, seamlessly connecting electricians with job opportunities and simplifying how businesses find skilled contractors. Overcoming challenges like crafting an intuitive user experience and integrating a comprehensive admin panel showcased our team's problem-solving prowess and technical expertise. This project has taught us the critical importance of aligning technology with user needs, leading to significant operational improvements and client satisfaction. With positive initial feedback, Utily is poised for future enhancements to further refine its service offerings. We're excited about the continuous evolution of Utily and invite you to discover how our innovative solutions can transform your business.

More Success Stories

zatap-img-2

A Tailored Web Solution for ZATAP’s Growing Needs

Business/Productivity Software
energy-1

Modern Web App Transformation in 9 Months

Energy, Utilities & Waste
657-excerpt

60-Day WordPress Build with API Integration

Event & Workspace for Creative Industries
storyof

Capture & Share Life Moments: Digital Storybook

Information technology & services
acceleon

Acceleon

Information technology & services
zatap-img-2

A Tailored Web Solution for ZATAP’s Growing Needs

Business/Productivity Software
energy-1

Modern Web App Transformation in 9 Months

Energy, Utilities & Waste
657-excerpt

60-Day WordPress Build with API Integration

Event & Workspace for Creative Industries
storyof

Capture & Share Life Moments: Digital Storybook

Information technology & services
acceleon

Acceleon

Information technology & services
zatap-img-2

A Tailored Web Solution for ZATAP’s Growing Needs

Business/Productivity Software
energy-1

Modern Web App Transformation in 9 Months

Energy, Utilities & Waste
657-excerpt

60-Day WordPress Build with API Integration

Event & Workspace for Creative Industries
storyof

Capture & Share Life Moments: Digital Storybook

Information technology & services
acceleon

Acceleon

Information technology & services
zatap-img-2

A Tailored Web Solution for ZATAP’s Growing Needs

Business/Productivity Software
energy-1

Modern Web App Transformation in 9 Months

Energy, Utilities & Waste
657-excerpt

60-Day WordPress Build with API Integration

Event & Workspace for Creative Industries
storyof

Capture & Share Life Moments: Digital Storybook

Information technology & services
acceleon

Acceleon

Information technology & services
zatap-img-2

A Tailored Web Solution for ZATAP’s Growing Needs

Business/Productivity Software
energy-1

Modern Web App Transformation in 9 Months

Energy, Utilities & Waste
657-excerpt

60-Day WordPress Build with API Integration

Event & Workspace for Creative Industries
storyof

Capture & Share Life Moments: Digital Storybook

Information technology & services
acceleon

Acceleon

Information technology & services
zatap-img-2

A Tailored Web Solution for ZATAP’s Growing Needs

Business/Productivity Software
energy-1

Modern Web App Transformation in 9 Months

Energy, Utilities & Waste
657-excerpt

60-Day WordPress Build with API Integration

Event & Workspace for Creative Industries
storyof

Capture & Share Life Moments: Digital Storybook

Information technology & services
acceleon

Acceleon

Information technology & services
zatap-img-2

A Tailored Web Solution for ZATAP’s Growing Needs

Business/Productivity Software
energy-1

Modern Web App Transformation in 9 Months

Energy, Utilities & Waste
657-excerpt

60-Day WordPress Build with API Integration

Event & Workspace for Creative Industries
storyof

Capture & Share Life Moments: Digital Storybook

Information technology & services
acceleon

Acceleon

Information technology & services
cta-1

A new project on the way?
We’ve got you covered.