RADOSVETA

TODOROVA
PORTFOLIO

UX/UI DESIGNER

RADOSVETA.TODOROVA@GOOGLEMAIL.COM
+ 359 886 213 778
VARNA, BULGARIA
SELECTED PROJECTS

MOBILE APP REDESIGN

REFERRAL PROGRAMME - LAUNCH AND

ADVERTISING

BOOKING MANAGEMENT CARD DESIGN

MOBILE APP REDESIGN

ABOUT GOFANTASTIC

GoFantastic is a mobile app, developed for the

Fantastic Services brand.

Both the app and the online booking form on the

website, allow customers to customize and book a
wide range of household services at any time of the
day.

It also allows users to make instant payments,

manage their bookings and rate their experiences
with the service.

Since its launch in 2016, the app has not been

redesigned, which lead to UX and UI inconsistencies
both with the website, as well as within the app itself.
MOBILE APP REDESIGN

REDESIGN OBJECTIVES

• Achieve a consistent user experience across the two

online booking platforms - the GoFantastic mobile
apps (iOS and Android) and the Fantastic Services
website.

• Increase sales conversions for one of the key

company products - the Fantastic Club Membership.

• Improve overall user experience with the app

• Modernise the design of the app by utilising current

design trends
MOBILE APP REDESIGN

DESIGN PROCESS AND TOOLBOX

USER FLOWS / DEVELOPER

RESEARCH UI DESIGN
PROTOTYPING HANDOFF

Google Analytics XMind Adobe Photoshop Zeplin

Competitor Research LucidChart

Business UXPin
Requirements Analysis

Customer Research
(direct feedback, app store
reviews, customer surveys
chat sessions, etc.)
MOBILE APP REDESIGN

DESIGN PROCESS EXAMPLE - DATE AND PRICE SELECTION SCREEN

ORIGINAL DESIGN CLICKABLE PROTOTYPE REDESIGNED UI

MOBILE APP REDESIGN

DESIGN OUTCOMES CROSS PLATFORM DESIGN GUIDELINES

OBJECTIVE
Align user experience across the two online
booking platforms - the GoFantastic mobile
apps (iOS and Android) and the Fantastic
Services website.

OUTCOME

• The new design utilized the same design

system as the online booking form on the
website.

• Identical step-by-step booking process

• Similar UI selection controls (CTAs, radio

buttons, checkbox elements, etc.)
MOBILE APP REDESIGN

THE FANTASTIC CLUB WAS INTRODUCED IN

DESIGN OUTCOMES THE TAB BAR TO INCREASE AWARENESS

OBJECTIVE
Increase sales conversions for one of the key company products -
the Fantastic Club Membership.

OUTCOME

• The Fantastic Club was introduced in the tab bar in order to

increase user awareness and facilitate access to the product

• The date and price selection screen was completely

redesigned to showcase the key-selling-point of the
membership, namely a lower price than the standard one.

• A sticky CTA container was introduced to allow for an easier

purchase of the club during the booking process.
 MOBILE APP REDESIGN

THE REDESIGNED DATE & PRICE SELECTION SCREEN A STICKY CTA CONTAINER WAS INTRODUCED ON THE
ALLOWS FOR EASIER DISTINCTION BETWEEN FANTASTIC CLUB PARCHASE SCREEN TO FACILITATE
STANDARD AND MEMBER PRICES CONVERSIONS

ORIGINAL REDESIGNED ORIGINAL REDESIGNED

MOBILE APP REDESIGN

DESIGN OUTCOME IMPROVED BOOKING PROCESS NAVIGATION

OBJECTIVE
Improve overall user experience with the app
1
OUTCOME

• Improved booking process navigation by:

1. Removing unnecessary images to provide
more content space and keep the user's focus
on the task
2. Eliminating the two back buttons from the
navigation
3. Optimizing the tab bar (based on user
behaviour data from Google Analytics)

• Replaced custom alerts and pop-ups with 2

native iOS and Android ones 3

• Introduced modal screens as replacement ORIGINAL REDESIGNED

for pop-up push notifications
MOBILE APP REDESIGN

REPLACED CUSTOM ALERTS AND POP-UPS WITH THE NEW MODAL SCREENS FIT MORE CONTENT AND
NATIVE IOS AND ANDROID ONES ARE LESS OBTRUSIVE FOR THE USER

ORIGINAL REDESIGNED ORIGINAL REDESIGNED

MOBILE APP REDESIGN

DESIGN OUTCOMES CLEANER LOOKING UI

OBJECTIVE
Modernise the design of the app by utilising
current design trends

OUTCOME

• A "cleaner" looking UI to resemble the

essense of the brand and the product

• Improved UI consistency accross screens

• Introduced motion design

ORIGINAL REDESIGNED
 MOBILE APP REDESIGN

THE MIX OF MULTIPLE CTA COLORS, SHAPES AND SIZES INTRODUCED MOTION (E.G. SCREEN
IN THE ORIGINAL DESIGN GOT REPLACED BY A TRANSITION UPON TAP)
STANDARTIZED CTA STYLE

ORIGINAL REDESIGNED ORIGINAL REDESIGNED

REFERRAL PROGRAMME

PROJECT BRIEF

The Fantаstic Services referral programme was

introduced in 2018.

It gives users the chance to earn credits toward

their next booking.

To do so, users need to share their unique referral

link with friends. After each successful referral,
both users receive a credit reward.

In relation to the programme launch, I had to

come up with ways to present the programme to
new and existing clients [web + app].
REFERRAL PROGRAMME

WORK PROCESS AND TOOLBOX

PROTOTYPING DEVELOPMENT ONLINE MARKETING

RESEARCH
AND DESIGN AND LAUNCH CAMPIGNS

Competitor Research UXPin BANNERS

Business Adobe Photoshop INTERSTITALS

Requirements Analysis

MISCELLANEOUS
REFERRAL PROGRAMME

DEDICATED ACCOUNT SECTION (WEB & APP)

The section allows users to copy thier referral link or share it via various social media channels. It
also allows them to keep track of their sent invitations, as well as earned and pending credits.

DESKTOP MOBILE APP

REFERRAL PROGRAMME

LANDING PAGE

The page aims at informing users

about the benefits of the referral
programme.

It targets both new and existing

clients, who land on the page from
varios marketing campaigns such as
e-mail, social media, PPC as well as
via the search engine.

DESKTOP MOBILE
REFERRAL PROGRAMME

BANNERS
Promo banners on the dashboard of the user's account

DESKTOP MOBILE
REFERRAL PROGRAMME

BANNERS

After a user submits a booking, a

referral banner is displayed on the
booking confirmation page,
prompting the user to share their
code in order to get   £10 off their
next booking.

DESKTOP MOBILE
REFERRAL PROGRAMME

BANNERS
Promo banners on the website's homepage, and the service pages. Logged in users can directly copy
their link. Anonymous users are redirected to the sign up/login page.

HOMEPAGE MOBILE SERVICE PAGE DESKTOP

HOMEPAGE -DESKTOP (LOGGED IN) (ANONYMOUS) (ANONYMOUS)
REFERRAL PROGRAMME

INTERSTITEALS
Fly-in interstitials were launched for a period of 1 week in relation to a promotional e-mail campaign
about the referral programme

DESKTOP MOBILE
REFERRAL PROGRAMME

MISCELLANEOUS

After a user submits a positive rating for a service via their web account or the app, a referral
pop-up appears.

DESKTOP APP
BOOKING MANAGEMENT CARD DESIGN

PROJECT BRIEF

Initially, the booking management options via the

app were limited to rescheduling and cancelling
upcoming appointments.

For all other service inquiries, customers had to

contact Customer Support over the phone or via
online chat.

To reduce operative costs and improve the customer

experience with the company, Fantastic Services
wanted to increase the share of customers who
manage their bookings online, by giving them more
online booking management options.
BOOKING MANAGEMENT CARD DESIGN

DESIGN PROCESS AND TOOLBOX

REQUIREMENTS PROTOTYPING/ DEVELOPER

RESEARCH
DEFINITION UI DESIGN HANDOFF

Competitor Research XMind Adobe Photoshop

Business LucidChart UXPin

Requirements Analysis

Documentation
Customer Research
(direct feedback, app store
reviews, customer surveys
chat sessions, etc.)
BOOKING MANAGEMENT CARD DESIGN

CUSTOMER RESEARCH AND REQUIREMENTS DEFINITION

After conducting detailed customer research, two main

client personas were identified. Namely:

• Customers with One-off appointments  (appointments

that occur on a one-time basis)

• Customers with Regular Plans (customers

with  services on a recurring basis - weekly, bi-weekly
or monthly). 

Based on feedback received from each persona, we were

able to outline the booking management requirements
for each type and proceed with prototyping.
BOOKING MANAGEMENT CARD DESIGN

UI DESIGN
To allow clients distinguish their regular plans from their one-off bookings, we included a prominent
"Regular plan" tag on the booking card, as well as relevent CTAs for each card type

DESKTOP MOBILE APP

BOOKING MANAGEMENT CARD DESIGN

UI DESIGN - ONE-OFF SESSIONS

1. Rescheduling and cancelling an

appointment are the most frequently used
booking management options for this
persona type. Hence we made them easily
available on the booking card.

2. All secondary actions can be accessed by

tapping the booking card. These actions
include:
• Making changes to the service (Edit
service)
• Tracking the professional's location
• Accessing important information about
the service, as well as invoices
• Leaving messages to the service
professional
ONE-OFF BOOKING CARD INNER SCREEN
BOOKING MANAGEMENT CARD DESIGN

UI DESIGN - REGULAR PLANS

1. Managing the entire plan and accessing all

future appointments are the primary
actions used by regular plan customers.

2. All secondary actions can be accessed via

the inner screen. These actions include:
• Accessing important information about
the plan (e.g. price, frequency, etc.)
• Making changes to the entire plan
• Making changes to future individual
sessions

REGULAR PLAN BOOKING CARD INNER SCREEN

THANK YOU!

CONTACT DETAILS:

RADOSVETA.TODOROVA@GOOGLEMAIL.COM
+ 359 886 213 778
VARNA, BULGARIA