BUSINESS-BUILDING SYSTEM
01 / Ecosystem

Vyasti Ecosystem

Creation, Digital, Studio and Labs — four connected layers built around one business system.

Vyasti — We build businesses as systems.
01 / Project Overview

Groovy Cabs needed bookings. It didn't need another complicated booking system.

Groovy Cabs came to Vyasti without the kind of professional digital presence needed to support a customer-facing cab business. The important twist was that the client did not want customers pushed through a conventional online payment flow. The website needed to help people understand the service, build confidence quickly and move naturally into WhatsApp or a phone call when they were ready to book.

01 Discover the Ride
02 Understand the Option
03 WhatsApp / Call
groovycabs.com
Groovy Cabs / Final Website
Add the strongest final Groovy Cabs homepage capture here.

Use a clean screenshot that shows the premium visual direction and the conversion path toward WhatsApp booking.

Groovy Cabs website designed and developed by Vyasti
Groovy Cabs / Final Website UX · UI · Content · Development
01
Project Scale 10 Pages

Designed and developed as one wider website experience.

02
Timeline 1 Week

Design, development and content progressed in parallel.

03
Technology Figma + WordPress

The two verified project technologies.

04
Market India

Customer-facing cab service operating from Bangalore.

Before Vyasti The business existed. The digital experience did not yet match it.

Groovy Cabs needed more than a basic online listing. The website had to become a credible front door for customers considering a ride.

Starting point 01
No professional website capable of presenting the service as a premium choice.

The client needed a stronger online presence but had not yet defined exactly what the finished website should become.

Required state 02
A premium website that helps customers move from intent to enquiry quickly.

The experience needed to explain available travel options, organize information clearly and create direct paths into WhatsApp and phone-based booking.

The important business decision Do not force the business into a checkout model it does not want.

Groovy Cabs wanted the website to support bookings without requiring customers to complete an online payment journey. The digital experience therefore needed to help visitors reach the point of decision and then continue through WhatsApp or a call.

01
Discover Understand Available Services
02
Evaluate Review Ride Information
03
Decide Choose the Relevant Option
04
Act WhatsApp or Call
Business context A cab business serving different travel needs from one digital front door.

The live service covers different ride contexts, so the website needed enough structure for customers to identify the journey relevant to them without unnecessary friction.

Groovy Cabs Ground transportation built around direct customer booking.

The business serves customers looking for cab services in and around Bangalore, with the website acting as the discovery and enquiry layer before the booking conversation continues directly.

01
Service Airport Transfers
02
Service Local Cab Travel
03
Service Outstation Travel
04
Additional use Group, Event & Corporate Travel
Business goals The website had to improve perception and make enquiry easier.

The client wanted a premium digital presence capable of supporting commercial intent without overcomplicating how the business actually converts customers.

01
Perception Build a Premium Digital Presence

Move the business away from an unstructured or underdeveloped online presence toward a more considered customer experience.

02
Commercial intent Support More Booking Decisions

Structure services and information so potential customers can understand the offer and reach the next action more confidently.

03
Conversion path Generate Qualified Enquiries

Guide interested visitors toward direct WhatsApp or phone conversations instead of forcing an unnecessary payment workflow.

Vyasti scope This was not only a development engagement.

Vyasti worked across experience, interface, content, creative assets and implementation to turn a loosely defined business requirement into a complete customer-facing website.

01
Experience User Experience Design
02
Interface User Interface Design
03
Website Website Design
04
Build Website Development
05
Content Website Copywriting
06
Visual Assets Custom Icons
07
Creative Illustrations
08
Experience Animation
09
System Design System
Content responsibility The website language had to be created, not merely placed into a design.

Vyasti wrote the website content from scratch, organized the service and product information and shaped the copy around clarity and conversion so customers could understand what was available and what to do next.

Content objective Reduce uncertainty before the customer starts the conversation.

Because the final booking action happened through WhatsApp or calls, the website needed to answer enough questions to make that conversation easier to begin.

Creative system The premium experience extended beyond layout alone.

Vyasti created supporting visual assets so the website could develop a more complete and recognizable digital language.

01
Creative Custom Graphics
02
Imagery Website Imagery
03
Interface Custom Icons
04
Visual Storytelling Illustrations
05
Motion Animations
Delivery model Design, content and development moved in parallel.

With a ten-page scope and a one-week timeline, Vyasti could not treat UX, visual design, content and implementation as isolated sequential phases. The work progressed in parallel so decisions in one layer could immediately inform the others.

Project duration 1 Week

Ten-page website engagement spanning design, content, creative work and development.

Verified technology Design → Development
Figma WordPress
Project outcome A loosely defined requirement became a complete customer-facing booking experience.

Groovy Cabs moved from not having a professional website to a completed ten-page digital experience spanning UX, UI, website design, copywriting, custom visual assets, animation and WordPress development. The final website was successfully launched and functioned as intended, with direct enquiry paths built around WhatsApp and calls rather than an unnecessary online payment workflow.

Project overview

Groovy Cabs needed a professional digital presence but entered the engagement without a fully defined vision for what the website should become. Vyasti shaped the experience from the ground up — simplifying the information architecture, defining the visual direction, designing the UX and UI, writing the website content, organizing service information, establishing the design system, creating custom graphics, imagery, icons, illustrations and animation, and developing the final ten-page website in WordPress. The key business decision was equally important: rather than force customers through an online payment system, the experience was built to educate, build confidence and move booking intent naturally into WhatsApp or phone conversations. The website was completed within the documented one-week engagement, launched successfully and functioned as intended.

02 / The Challenge

The client knew they needed a better website. They did not yet know what that website needed to become.

Groovy Cabs entered the engagement with a business requirement, not a finished digital brief. They wanted a premium website capable of supporting bookings and enquiries, but the experience, information structure, visual direction, content and customer journey still had to be defined — including one important constraint: booking should continue through WhatsApp or phone calls rather than an online payment flow.

Core challenge Turn an undefined digital requirement into a clear booking-oriented experience.

Vyasti had to make decisions beyond how the website should look. We needed to determine what information customers needed, how the service should be organized, what premium should mean digitally and how booking intent should move naturally into WhatsApp or a phone conversation.

01
Unclear initial brief

The client knew the business needed a professional website but had not fully defined the experience or structure.

02
Non-standard booking journey

The website needed to support booking intent without forcing customers through online payment.

03
Premium perception

The experience had to elevate how the business presented itself without making the customer journey unnecessarily complicated.

04
10 pages in one week

UX, design, content, creative assets and development had to progress quickly enough to meet the documented timeline.

The central tension Make the experience premium enough to build confidence. Keep it simple enough to start a booking conversation quickly.

A polished website could still fail the business if it introduced unnecessary friction between customer intent and the actual way Groovy Cabs handles bookings. The experience had to balance perception with practical conversion behaviour.

Challenge 01 / Defining the brief Before designing screens, the project needed a direction.

The client was not arriving with a detailed website specification. Vyasti had to convert business intent into a usable digital brief before the wider system could take shape.

At the start 01
“We need a professional booking website.”

That statement described the destination broadly, but it did not yet define the information architecture, experience, content, design system or correct booking path.

What needed defining 02
A premium ten-page website structured around discovery, confidence and direct enquiry.

The digital experience needed to help people understand relevant cab services, evaluate the offer and move into WhatsApp or phone contact when ready.

What was still unresolved The website needed an experience model before it needed visual polish.

With no fully defined starting brief, Vyasti had to establish the underlying customer journey and page logic before scaling the visual system across ten pages.

01
Architecture What belongs where?
02
Journey How does booking intent move?
03
Content What does the customer need to know?
04
Visual direction What should “premium” feel like?
Challenge 02 / Booking journey The website needed to support booking without becoming a checkout product.

Groovy Cabs specifically wanted the final booking conversation to happen through WhatsApp or calls. That meant the website had to do the work leading up to that conversation.

01
Discover Find the relevant travel option
02
Understand Learn enough to evaluate it
03
Decide Reach booking intent
04
Convert WhatsApp or Call
What the business did not need A digital checkout added simply because booking websites usually have one.

Forcing a conventional payment flow onto the experience would have changed the operating model the client explicitly wanted to preserve.

What the business actually needed A website strong enough to qualify intent before the direct conversation begins.

The digital journey needed to inform, reassure and guide the customer until WhatsApp or a call became the natural next step.

Challenge 03 / Premium perception Premium could not mean adding visual complexity for its own sake.

Groovy Cabs wanted a premium digital presence, but the website still needed to remain direct enough for users looking for a practical transportation service. The visual experience had to improve confidence without burying the booking path.

Design tension Premium presentation. Practical decision-making.

Strong visuals, custom assets and animation needed to support the customer journey rather than compete with it.

Challenge 04 / Information architecture Different travel needs had to make sense inside one website.

The service range created an organizational challenge. Visitors needed to identify the relevant ride context without navigating an unnecessarily complicated website.

01
Need Understand the Service Range

Bring multiple ride contexts into a coherent digital structure.

02
Need Reduce Navigation Complexity

Help visitors reach the right information without excessive searching.

03
Need Organize Service Information

Structure details so customers can understand options more clearly.

04
Outcome required Clear Path to Enquiry

Keep WhatsApp and phone-based booking within easy reach.

Challenge 05 / Content There was no finished website story waiting to be dropped into the interface.

Vyasti wrote the website content from scratch and organized the service information. That meant content decisions were part of solving the experience itself, not merely a production task after the design was finished.

01
Explain Clarify the Offer
02
Organize Structure Service Information
03
Reassure Build Customer Confidence
04
Convert Guide the Next Action
Challenge 06 / Creating the visual language The website needed more than layouts to feel complete.

Groovy Cabs required a wider visual system spanning interface design, custom assets, illustrations and motion — all created within the same short engagement.

01
System Design Language
02
Visual Custom Graphics
03
Interface Custom Icons
04
Storytelling Illustrations
05
Motion Animation
Challenge 07 / Mobile A cab-booking experience cannot treat mobile as an afterthought.

The project approach called for mobile layouts to be designed independently where necessary rather than simply shrinking desktop screens. That mattered because direct actions such as WhatsApp and calls are especially natural on mobile devices.

Mobile principle Preserve intent, not desktop geometry.

Smaller screens required their own decisions around content order, hierarchy and action visibility.

Challenge 08 / Delivery The scope was broad. The timeline was not.

UX, UI, content, custom assets, animation, design-system work and WordPress development all sat inside a ten-page engagement with a documented one-week duration.

Delivery pressure The project could not wait for every discipline to finish before the next one began.

Design, development and content needed to progress in parallel so decisions could move quickly from strategy to interface to working implementation.

Documented timeline 1 Week

Ten pages spanning design, content, creative work and development.

01
Track Design

UX, UI, visual direction and design-system decisions needed to move quickly enough to feed implementation.

02
Track Content

Website copy and service information were created while the experience itself was taking shape.

03
Track Development

WordPress implementation progressed alongside the design and content work to meet the one-week engagement.

The real challenge Do not simply make a cab website. Define the right digital model for this cab business.

Groovy Cabs needed Vyasti to turn an unclear starting brief into a premium ten-page digital experience, define a simpler information architecture, create the website content and visual system, support multiple travel contexts, design a direct customer journey and preserve the client's preferred booking model — WhatsApp and calls rather than online payment — while completing design, content and development within one week.

Challenge in context

The hardest part of Groovy Cabs was not producing ten pages. It was determining what those ten pages should collectively do for a client who knew they needed a more professional digital presence but had not yet fully defined the experience. Vyasti had to shape the information architecture, define the booking journey, establish a premium visual direction, write the content, organize service information, create the wider graphic and interaction language, think through mobile behaviour and develop the final WordPress experience — while respecting the client's decision to move booking intent into WhatsApp or calls instead of an online checkout.

03 / Vyasti Approach

We did not begin with screens. We began with how the business should work online.

Groovy Cabs did not arrive with a fully resolved digital brief. Vyasti first translated the business requirement into a clear customer journey, simplified the information architecture and defined how booking intent should move through the website. Only then did we establish the premium visual direction, content system, design language and implementation approach that would scale across ten pages.

Approach principle Design around the way the business converts, not around what a typical booking website is expected to do.

Groovy Cabs wanted customers to continue the final booking conversation through WhatsApp or phone calls. That operating preference became a core experience decision rather than something added after the interface was designed.

01
Business before interface

Understand what customers need and how Groovy Cabs wants enquiries handled before defining the screens.

02
Simplify before decorating

Reduce information complexity before introducing the premium visual layer.

03
System before scale

Establish the visual and interaction direction before expanding the work across ten pages.

04
Parallel execution

Design, content and development needed to inform one another continuously inside the one-week timeline.

End-to-end approach Fourteen steps from uncertainty to a launched website.

The process moved from business understanding to experience, content, visual system, implementation and final QA — with several disciplines progressing in parallel rather than waiting for rigid handoffs.

01
Understand Learn how the business operates

Clarify the service model, customer intent and how Groovy Cabs wanted booking conversations to happen.

02
Define Set the booking model

Establish a website journey that informs and qualifies customers before moving them into WhatsApp or calls.

03
Simplify Restructure information architecture

Organize the experience so different travel needs can be understood without unnecessary navigation complexity.

04
Write Build the website narrative

Create website copy from scratch and organize service information around clarity and conversion.

05
Position Establish premium visual direction

Define what a premium Groovy Cabs digital experience should feel like before expanding across the full website.

06
Systemize Create the design system

Establish repeated interface relationships so later pages inherit a consistent visual language.

07
Validate Design the key experience first

Resolve the main customer journey and visual treatment before scaling the system into the complete site.

08
Scale Expand across 10 pages

Carry the established content, visual and interaction logic through the wider page structure.

09
Create Produce custom visual assets

Create custom graphics, website imagery, icons and illustrations to support the digital language.

10
Enhance Introduce selective motion

Use animation and interaction selectively where they strengthen the experience rather than adding decoration.

11
Adapt Design mobile intentionally

Create independent mobile layout decisions where necessary instead of simply shrinking the desktop experience.

12
Build Develop in parallel

Progress WordPress development alongside design and content to meet the one-week project duration.

13
Verify Review the complete experience

Check the page set, customer journey, responsive behaviour and direct enquiry paths before release.

14
Deliver Launch

Complete the ten-page digital experience and move the finished WordPress website live.

Step 01 / Understand the business The first design decision was understanding what the website should do for Groovy Cabs.

The website needed to support a customer-facing transportation business while respecting the client's preference for direct booking conversations rather than online payment.

01
Customer What are they trying to book?
02
Information What do they need before enquiring?
03
Business How should enquiries arrive?
04
Experience What should premium feel like?
Step 02 / Define the booking model The website stops at enquiry — by design.

Instead of introducing an unnecessary checkout layer, the experience was structured to get customers informed and ready for a direct booking conversation.

01
Discover Find the right service
02
Understand Review the information
03
Decide Reach booking intent
04
Convert WhatsApp / Call
Step 03 / Simplify the architecture Make the website easier to understand before making it more visually impressive.

Vyasti simplified the information architecture so the wider service offering could be organized into a clearer customer journey before the final interface was designed.

Architecture principle Fewer questions between arrival and enquiry.

The customer should know what the business offers, which option is relevant and what action to take next without decoding the website first.

Step 04 / Write the experience Content was designed alongside the journey rather than filled in afterward.

Vyasti wrote the website content from scratch and organized the service information around clarity and conversion. Copy and interface therefore evolved together instead of behaving like separate production stages.

01
Clarify Explain the Offer
02
Structure Organize Services
03
Reassure Build Confidence
04
Convert Guide the Next Step
Step 05 / Establish the visual direction Define premium once. Then scale it.

The visual direction was resolved before the wider ten-page system expanded, helping the experience stay cohesive instead of inventing itself page by page.

Visual objective Make a practical transportation service feel considered, contemporary and confident.

The direction needed enough visual character to elevate the brand while keeping service discovery and enquiry actions easy to understand.

01
Perception Premium
02
Experience Clear
03
Behaviour Direct
04
System Consistent
01
Hierarchy Typography
02
Structure Layout Logic
03
Interface Components
04
Visual Language Custom Assets
05
Behaviour Motion Rules
Step 08 / Scale the system One visual language had to survive ten pages.

Once the key experience and design system were established, the same logic could be expanded without allowing later pages to become visually disconnected from the first.

01
Page Establish
02
Page Expand
03
Page Repeat
04
Page Adapt
05
Page Check
06
Page Continue
07
Page Refine
08
Page Unify
09
Page Review
10
Page Complete
Step 09 / Build the visual asset layer The experience needed its own visual material, not only reusable page layouts.

Vyasti created custom graphics, imagery, icons and illustrations so the interface could feel more complete and visually coherent rather than relying only on generic assets.

01
Creative Custom Graphics
02
Media Website Imagery
03
Interface Custom Icons
04
Storytelling Illustrations
Step 10 / Selective motion Animation was introduced where it strengthened the experience, not simply because motion was available.

The project approach was to use animation and interaction selectively. Motion needed to support hierarchy, pacing and engagement rather than distract users from understanding the service or reaching the enquiry action.

Motion rule Enhance the journey. Do not compete with it.

The purpose of animation was to strengthen the digital experience while keeping the booking path clear.

Step 11 / Design mobile intentionally Mobile was treated as a different layout condition, not a smaller desktop.

Where necessary, mobile screens received independent layout decisions so hierarchy, content order and direct enquiry actions remained useful at smaller sizes.

Mobile behaviour Preserve the customer journey when the screen changes.

A responsive cab website needed especially clear access to direct actions. The layout therefore had to protect information priority and enquiry visibility rather than mechanically shrink desktop compositions.

Mobile principle Re-compose when necessary.

The design system stayed consistent while individual compositions could adapt to the needs of smaller screens.

Step 12 / Parallel execution Design, content and development could not behave like three separate projects.

The documented one-week timeline required continuous coordination between the three main production tracks.

01
Track Design

UX, UI, visual direction, responsive decisions and design system development progressed as the website took shape.

02
Track Content

Website copy and service information were created alongside the experience so content could influence layout decisions.

03
Track Development

WordPress implementation progressed while design and content were being resolved, shortening the distance between decision and working output.

Step 13–14 / QA & launch The final review returned to the original business goal.

The website needed to feel premium, communicate the service clearly and guide customers naturally toward direct enquiry.

Final review Check the experience as one customer journey, not ten isolated pages.

Final QA considered the wider page system, responsive behaviour, content clarity, visual consistency and direct enquiry paths before launch.

Project duration 1 Week

Ten pages spanning UX, UI, content, custom creative work, animation and WordPress development.

Approach outcome The client started without a fully defined website. The process created the definition.

Vyasti moved Groovy Cabs from a broad requirement for a premium booking website into a structured digital experience by defining the booking model, simplifying information architecture, writing the website content, establishing the visual direction and design system, expanding the experience across ten pages, creating custom graphics, imagery, icons and illustrations, introducing selective motion, designing mobile intentionally and developing the WordPress website in parallel with design and content.

How we worked

Groovy Cabs required more than execution against a finished specification. Vyasti first defined what the website needed to do: understand the business, preserve the client's WhatsApp-and-call booking model, simplify the information architecture, organize the service journey and write the content from scratch. We then established the premium visual direction, built the design system, expanded it across ten pages, created custom graphics, imagery, icons and illustrations, introduced animation selectively, designed mobile layouts intentionally and developed the project in WordPress while design and content continued in parallel. That integrated process allowed a loosely defined starting requirement to become a complete website within the documented one-week engagement.

04 / Solution Highlights

The website was not designed around checkout. It was designed around getting customers ready to talk.

Groovy Cabs needed a premium digital presence, but the final booking model remained intentionally human. Vyasti built the experience around service discovery, decision-making and direct enquiry — then supported that journey with original copy, a coherent design system, custom graphics, icons, illustrations, selective motion, intentional mobile layouts and WordPress implementation across ten pages.

Solution / Final Experience
Add the strongest Groovy Cabs homepage or booking-oriented screen.

Prefer a screenshot that shows both the premium visual direction and a clear WhatsApp or direct enquiry action.

Groovy Cabs website experience designed by Vyasti
Groovy Cabs / Final Experience UX · UI · Content · Development
Solution in one sentence Build enough digital confidence that the next step feels obvious.

The website carries customers from discovering the relevant travel service to understanding the offer and reaching booking intent. At that point, the experience deliberately hands the conversation to WhatsApp or a phone call instead of introducing an unnecessary payment workflow.

01
Journey WhatsApp-First Enquiry UX

The customer journey supports booking intent without forcing the business into an online checkout model.

02
Perception Premium Digital Direction

The website was given a more considered visual language designed to strengthen the business's customer-facing presence.

03
System Ten-Page Design System

Shared visual rules allowed the experience to expand without each page feeling independently designed.

04
Delivery Design + Content + Build

UX, UI, copy, custom visual work and development progressed together within the one-week engagement.

Solution 01 / Booking journey The website does the preparation. The conversation completes the booking.

Rather than imitate a conventional online travel checkout, Vyasti structured the website around the client's preferred operating model.

Customer journey Move people from “What do you offer?” to “I am ready to enquire.”

The website needed to explain services, organize information clearly and build enough confidence that starting a WhatsApp or phone conversation became the natural next action.

01
Discover Find the Relevant Service
02
Understand Review the Information
03
Decide Reach Booking Intent
04
Act WhatsApp / Call
Booking UX Proof
Add a real section showing WhatsApp or call-based enquiry.

Use a screenshot where the direct booking path is clearly visible.

Groovy Cabs WhatsApp booking experience
Direct Booking Path Website → WhatsApp / Call
Why this matters Conversion design does not always mean building more steps.

In this case, respecting how the business wanted to handle customers meant removing the need for an online payment journey rather than inventing one.

Solution 02 / Service discovery Different travel needs were given a clearer route through the website.

The simplified architecture helped organize different cab use cases so customers could identify the relevant travel option before starting an enquiry.

01
Travel Need Airport Transfers

Present the relevant service clearly before enquiry.

02
Travel Need Local Travel

Help customers understand the appropriate ride context.

03
Travel Need Outstation Travel

Organize service information into a clearer decision path.

04
Additional Needs Group, Event & Corporate

Bring broader transportation requirements into the same system.

Solution 03 / Website content The content was created as part of the experience, not added after it.

Vyasti wrote the website content from scratch and organized service information around clarity and conversion. That allowed the copy to work directly with the page hierarchy instead of forcing pre-written material into finished layouts.

01
Explain Clarify the Service
02
Organize Structure Information
03
Reassure Support Confidence
04
Action Guide the Enquiry
Solution 04 / Premium visual system The new experience needed a consistent visual language, not ten unrelated layouts.

Vyasti established the visual direction first and then expanded it through the wider website using a shared design system.

Visual System Proof
Add a strong desktop page or Figma design-system screen.

Use a screen that clearly demonstrates the visual direction, typography, spacing and interface language.

Groovy Cabs visual and interface system
Premium Visual Direction Figma → WordPress
Design-system role Define the experience once. Let ten pages inherit the logic.

Shared layout relationships, hierarchy, interface patterns and visual treatments helped the wider page system maintain a consistent character as the project expanded.

01
Creative Custom Graphics
02
Media Custom Website Imagery
03
Interface Custom Icons
04
Storytelling Illustrations
Asset / 01 Add custom graphics.
Custom graphics created for Groovy Cabs
Custom Graphics
Asset / 02 Add custom icons.
Custom icons created for Groovy Cabs
Custom Icons
Asset / 03 Add illustration or custom imagery.
Illustration created for Groovy Cabs
Illustration
Solution 05 / Motion Animation was used selectively rather than everywhere.

Motion and interaction were introduced where they could strengthen pacing, hierarchy or engagement without competing with service information and booking actions.

Motion principle If animation does not strengthen the experience, it does not need to be there.

The objective was not to make every component move. Motion was one layer of the wider experience system and was applied selectively.

Motion Proof / 01
Add a still from an interaction recording.

Prefer a visually distinctive animation.

Groovy Cabs website animation
Interaction
Motion Proof / 02
Add another animation or interaction screen.

Use a different part of the experience.

Groovy Cabs interaction design
Motion
Solution 06 / Mobile experience Mobile layouts were allowed to make their own decisions.

Where necessary, Vyasti designed mobile compositions independently instead of simply reducing desktop dimensions.

Mobile principle Preserve the customer intent, not the desktop geometry.

Direct actions such as WhatsApp and phone calls are especially relevant on mobile, so hierarchy, content order and action visibility had to remain practical at smaller screen sizes.

Mobile / 01 Add mobile homepage.
Groovy Cabs mobile homepage
Mobile / 02 Add service page mobile screen.
Groovy Cabs mobile service page
Mobile / 03 Add booking CTA screen.
Groovy Cabs mobile booking enquiry experience
Solution 07 / Ten-page system The experience had to remain coherent beyond the homepage.

Use real homepage and inner-page screenshots below. The value of the system is visible when multiple pages still feel like one digital product.

Page / 01 Add strongest page.
Groovy Cabs page one
Page 01
Page / 02 Add page two.
Groovy Cabs page two
Page 02
Page / 03 Add page three.
Groovy Cabs page three
Page 03
Page / 04 Add page four.
Groovy Cabs page four
Page 04
Page / 05 Add page five.
Groovy Cabs page five
Page 05
Page / 06 Add page six.
Groovy Cabs page six
Page 06
Page / 07 Add page seven.
Groovy Cabs page seven
Page 07
Page / 08 Add page eight.
Groovy Cabs page eight
Page 08
Page / 09 Add page nine.
Groovy Cabs page nine
Page 09
Page / 10 Add page ten.
Groovy Cabs page ten
Page 10
01
Experience Business-Aligned UX

The booking flow was designed around Groovy Cabs' real operating preference rather than a generic checkout pattern.

02
Creative Original Visual Language

Copy, graphics, imagery, icons, illustrations, interface design and selective motion were created as parts of the same experience.

03
Scale 10 Pages · 1 Week

Design, content and development progressed in parallel to complete the documented website scope.

Design environment Figma

Used within the verified design scope covering UX, UI, website design and the wider interface system.

Development platform WordPress

Used to implement the completed ten-page website and move the final customer experience live.

Solution outcome The website became the qualification layer. WhatsApp and calls remained the human booking layer.

Vyasti transformed a loosely defined requirement into a complete ten-page digital experience spanning UX, UI, website design, copywriting, information architecture, design-system work, custom graphics, website imagery, custom icons, illustrations, animation and WordPress development. The experience was built around direct enquiry rather than online payment, and the final website was successfully launched and functioned as intended.

Solution in context

Groovy Cabs did not need another template-driven transportation website. Vyasti created a business-specific digital system: a simpler information architecture, original website content, a premium visual direction, a reusable design system, ten connected pages, custom graphics and imagery, custom icons, illustrations, selective animation, intentional mobile layouts and a WordPress implementation built around the client's preferred customer journey. The defining solution decision was straightforward: help customers understand enough to act, then move them directly into WhatsApp or a phone conversation instead of forcing an online payment process the business did not want.

05 / Impact & Results

The result was not a booking engine. It was a better digital front door to the business.

Groovy Cabs began without a professional website and without a fully resolved digital experience. The project delivered a complete ten-page presence that organized the service offering, clarified the customer journey, created a premium visual system and gave potential customers a direct path into WhatsApp or phone-based booking conversations.

Primary project result From no professional website to a complete customer-facing digital system.

Vyasti designed, wrote, created and developed a ten-page website spanning UX, UI, copywriting, custom visual assets, animation, design-system work and WordPress implementation. The final experience was successfully launched and functioned as intended within the documented one-week engagement.

01
10 Pages

Complete documented website scope.

02
1 Week

Documented project duration.

03
Launched

Website successfully moved live.

04
Functional

Final experience functioned as intended.

Before Vyasti 01
A business without a professional website or fully defined customer experience.

Groovy Cabs knew it needed a premium online presence and a way to support bookings, but the information structure, visual direction, website content and customer journey still had to be shaped.

After the project 02
A ten-page website designed around discovery, confidence and direct enquiry.

The finished experience gave the business a structured digital presence with original content, a consistent visual system and clear routes toward WhatsApp and phone-based booking.

Verified project outcomes The improvement is visible in the experience itself.

No traffic, enquiry, conversion, sales or revenue metrics were supplied for this engagement. The case study therefore focuses on verified qualitative outcomes.

01
Digital presence Professional website established

Groovy Cabs moved from not having a professional website to a complete ten-page customer-facing digital presence.

02
Experience Clearer customer journey

Service discovery, content hierarchy and direct enquiry were organized into a more coherent website experience.

03
Brand perception Premium digital direction created

A unified interface system, custom assets and visual language gave the website a more considered customer-facing presentation.

04
Delivery Website successfully launched

The final website was completed within the documented engagement and functioned as intended.

Experience result The website now has a job beyond simply proving the business exists.

It gives customers a structured way to understand the service, evaluate the relevant travel option and move toward a direct booking conversation without adding an online payment process the client did not want.

01
Before Undefined Website Journey
02
After Structured Customer Journey
03
Before No Unified Digital System
04
After Premium Ten-Page System
Booking experience The final customer journey fits the way Groovy Cabs wants to sell.

The website supports commercial intent without pretending the business needs an online checkout system.

01
Discover Find a relevant service
02
Understand Review the information
03
Decide Reach booking intent
04
Continue WhatsApp / Call
Content & creative outcome The finished website had its own language, not only its own layout.

Vyasti's work extended beyond interface design into copy, imagery, graphics, icons, illustrations and motion.

01
Content Website copy created from scratch

Service information and page messaging were organized around clarity and conversion.

02
Visual language Custom assets created

Graphics, website imagery, custom icons and illustrations supported the wider digital experience.

03
Interaction Selective motion introduced

Animation and interaction were used where they strengthened the experience rather than simply adding movement.

Project scale The result was a system across ten pages, not a polished homepage alone.

The same experience, content and visual logic was extended through the complete documented page scope.

01
Page Designed

Part of the complete site system.

02
Page Designed

Shared hierarchy and visual language.

03
Page Designed

Content organized within the same system.

04
Page Designed

Experience expanded beyond the homepage.

05
Page Built

Developed within WordPress.

06
Page Built

Shared customer-journey logic maintained.

07
Page Built

Visual consistency carried forward.

08
Page Built

Part of the final launched system.

09
Page Completed

Full experience brought together.

10
Page Launched

Complete documented scope delivered.

Delivery result A broad multidisciplinary scope was brought together inside one short engagement.

UX, UI, website design, copywriting, custom graphics, imagery, icons, illustrations, animation, design-system work and WordPress development progressed in parallel so the complete ten-page website could be delivered within the documented timeline.

Project duration 1 Week

Ten-page website spanning design, content, creative production and development.

Verified technology Design → Development
Figma WordPress
Result proof Let the finished website carry the result story.

Use one strong final Groovy Cabs screen here showing the premium visual direction and a clear customer journey.

Groovy Cabs / Final Website
Add one of the strongest finished project pages.

Prefer a page that combines strong visual presentation, clear service information and visible direct enquiry actions.

Final Groovy Cabs website designed and developed by Vyasti
Groovy Cabs / Final Experience UX · UI · Content · WordPress
Result in context The project created the digital experience the business previously did not have.

The final website brought together structure, content, premium visual direction, custom creative assets, selective motion, responsive layouts and direct booking-enquiry paths into one launched ten-page system.

Evidence note

No traffic, conversion, sales, revenue, enquiry, lead or performance metrics were supplied for this engagement. The case study therefore does not attribute numerical business growth to the website. The verified outcome is that Groovy Cabs moved from not having a professional website to a complete ten-page digital experience spanning design, content, custom creative work and WordPress development; the website was successfully launched and functioned as intended.

Verified project outcome No professional website. Then a complete ten-page digital presence.

Groovy Cabs gained a professionally designed and developed website with a clearer customer journey, original website content, a premium interface system, custom graphics and imagery, custom icons, illustrations, selective animation and intentional mobile layouts. The experience directed booking intent toward WhatsApp and calls rather than an online payment journey, and the final WordPress website was successfully launched and functioned as intended.

Impact in context

Groovy Cabs is not a case study where the strongest story is a percentage increase. The verified impact is structural: a business without a professional website gained a complete ten-page digital experience with defined UX, UI, original copy, organized service information, a premium visual system, custom graphics, imagery, icons and illustrations, selective animation, intentional mobile layouts and WordPress implementation. Just as importantly, the website respects the client's operating model. Customers can discover the right service, understand the offer and move naturally toward WhatsApp or a phone call instead of being forced through an online checkout process. The project was completed within the documented one-week engagement, successfully launched and functioned as intended.

06 / Design & Experience System

Ten pages were the output. The system underneath made them one website.

Groovy Cabs combined experience design, interface design, original copy, custom visual assets, animation, responsive thinking and development inside one short engagement. Rather than treating those as separate deliverables, Vyasti connected them through a shared experience system that could extend across the complete ten-page website.

System principle Every layer should reinforce the same customer journey.

Content should clarify the service. UX should organize it. UI should make it understandable. Visual assets should support the brand. Motion should strengthen hierarchy. Mobile should preserve intent. Development should carry all of it into the working website.

Groovy Cabs / Experience Architecture
01
Structure IA
02
Language Content
03
Journey UX
04
Interface UI
05
Consistency Design System
06
Identity Visual Assets
07
Behaviour Motion
08
Delivery WordPress
Layer 01 / Content as structure The page system began with what customers needed to understand.

Vyasti wrote the website copy from scratch and organized the service information, allowing content and experience structure to evolve together.

Raw requirement Multiple services, customer questions and an undefined digital brief.

The project began without a fully developed website narrative or information structure.

Structured experience Organized information built around clarity and the next customer action.

Website copy, information hierarchy and the interface were developed as parts of the same customer journey.

Layer 02 / Design system The visual direction had to scale without being reinvented on every page.

Vyasti established the visual direction before expanding the interface across the complete website. The design system then gave the ten-page experience a shared visual foundation.

01
Hierarchy Typography Relationships
02
Structure Layout Relationships
03
Interface Repeated UI Patterns
04
Visual Language Shared Creative Direction
Layer 03 / Scale A ten-page website needed consistency without making every page identical.

The design system provided shared relationships while individual pages could still respond to their own content and customer purpose.

01
Page Establish
02
Page Extend
03
Page Adapt
04
Page Repeat
05
Page Align
06
Page Continue
07
Page Refine
08
Page Connect
09
Page Unify
10
Page Complete
Layer 04 / Custom visual language The interface system was supported by original creative work.

Vyasti created custom graphics, website imagery, icons and illustrations for Groovy Cabs. These assets allowed the wider experience to develop a more complete visual language instead of relying solely on layout and typography.

01
Creative Custom Graphics
02
Media Website Imagery
03
Interface Custom Icons
04
Storytelling Illustrations
Layer 05 / Motion Animation was another system layer — not a decorative afterthought.

Animations and interactions were introduced selectively to strengthen the digital experience while keeping service information and booking actions clear.

Motion philosophy Movement should support what the customer is already trying to understand.

The project did not require every element to move. Motion was used selectively where it could strengthen hierarchy, pacing or engagement.

01
Purpose Support Hierarchy

Motion should reinforce visual priority rather than confuse it.

02
Pacing Strengthen Experience

Animation can add rhythm when applied selectively.

03
Restraint Protect the CTA

Motion should never compete with service discovery or enquiry.

Layer 06 / Responsive system Mobile was allowed to re-compose the experience where necessary.

Groovy Cabs' mobile layouts were designed independently where required rather than treating responsive design as a simple reduction of desktop geometry.

Mobile principle Keep the hierarchy. Change the composition when needed.

Content order, visual relationships and action visibility could adapt so the customer journey remained useful on smaller screens.

Layer 07 / Parallel production The system was created while the website was being created.

The one-week engagement required design, content and development to progress in parallel instead of moving through isolated handoffs.

01
Design Experience & Interface

UX, UI, visual direction, design-system work and responsive decisions progressed as the wider experience took shape.

02
Content Copy & Information

Website copy and organized service information evolved alongside the interface rather than being treated as a separate final input.

03
Development WordPress Build

Implementation progressed alongside design and content so the complete ten-page website could be delivered within the documented engagement.

Layer 08 / Customer journey Every system decision ultimately returned to one simple path.

The final digital system needed to help customers understand enough to move naturally into the direct booking conversation preferred by Groovy Cabs.

01
Discover Find the Service
02
Understand Review Information
03
Decide Reach Booking Intent
04
Continue WhatsApp / Call
Layer 09 / Technology Two verified technologies supported the wider system.

The project brief identifies Figma and WordPress. No additional technologies are added to the case study without project evidence.

Design Figma

Used within the UX, UI, website design and design-system scope before and alongside implementation.

Development WordPress

Used to develop and launch the completed ten-page customer experience.

System under constraint The experience had to become coherent while design, content and development were all moving.

The documented timeline meant the project could not treat every discipline as a long standalone phase. A shared system allowed each layer to inform the others as the ten-page website progressed.

Project duration 1 Week

UX, UI, content, design-system work, custom creative assets, animation and WordPress development across ten pages.

System output Not ten isolated pages. One connected customer experience across ten pages.

The Groovy Cabs system connected information architecture, original website copy, UX, UI, the visual design system, custom graphics and imagery, custom icons, illustrations, selective animation, responsive layout decisions and WordPress development. Together, those layers produced a complete customer-facing website built around the client's preferred path from service discovery to WhatsApp or phone enquiry.

System in context

Groovy Cabs required a multidisciplinary website engagement, but the final experience could not feel like a collection of separate deliverables. Vyasti connected information architecture, website copy, UX, UI, the design system, custom graphics, website imagery, custom icons, illustrations, selective animation, intentional mobile layouts and WordPress implementation into one coherent ten-page system. Figma supported the design work and WordPress supported the implementation. The system remained focused on the business model throughout: help customers discover the right service, understand enough to make a decision and then continue the booking conversation through WhatsApp or a phone call. The complete website was delivered within the documented one-week engagement, successfully launched and functioned as intended.

08 / Client Testimonial
What impressed us most was the systems thinking behind the execution. The final experience feels intentional, scalable, and built for real users.
Achinta
Head of Design
Build Around How Your Business Actually Works

Not every business needs more technology. Sometimes it needs the right digital system around the way it already works.

A website can become unnecessarily complicated when the solution is designed around what websites are expected to do rather than how the business actually sells, serves and communicates.Groovy Cabs did not need a conventional online checkout. It needed customers to understand the service, build confidence and reach the right conversation quickly. That is the difference between adding features and designing the right digital system. Vyasti works across strategy, UX, UI, content, design systems, custom creative work and development to shape websites around the real customer journey — not around unnecessary complexity.

Have a business that needs clarity? Book a Strategic Consultation
Vyasti — We build businesses as systems. Explore more case studies ↗