Portfolio PDF

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

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

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

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
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.
DESIGN PROCESS AND TOOLBOX
REQUIREMENTS PROTOTYPING/ DEVELOPER

RESEARCH
DEFINITION UI DESIGN HANDOFF
Competitor Research XMind Adobe Photoshop
Business LucidChart UXPin

Documentation
Customer Research
(direct feedback, app store
reviews, customer surveys
chat sessions, etc.)
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.
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

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
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

Portfolio PDF

Uploaded by

Copyright:

Available Formats

Portfolio PDF

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Portfolio PDF

Uploaded by

Copyright:

Available Formats

RADOSVETA

MOBILE APP REDESIGN

REFERRAL PROGRAMME - LAUNCH AND

BOOKING MANAGEMENT CARD DESIGN

GoFantastic is a mobile app, developed for the

Both the app and the online booking form on the

It also allows users to make instant payments,

Since its launch in 2016, the app has not been

• Achieve a consistent user experience across the two

• Increase sales conversions for one of the key

• Improve overall user experience with the app

• Modernise the design of the app by utilising current

DESIGN PROCESS AND TOOLBOX

USER FLOWS / DEVELOPER

Google Analytics XMind Adobe Photoshop Zeplin

Competitor Research LucidChart

DESIGN PROCESS EXAMPLE - DATE AND PRICE SELECTION SCREEN

ORIGINAL DESIGN CLICKABLE PROTOTYPE REDESIGNED UI

DESIGN OUTCOMES CROSS PLATFORM DESIGN GUIDELINES

• The new design utilized the same design

• Identical step-by-step booking process

• Similar UI selection controls (CTAs, radio

THE FANTASTIC CLUB WAS INTRODUCED IN

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

• The date and price selection screen was completely

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

ORIGINAL REDESIGNED ORIGINAL REDESIGNED

DESIGN OUTCOME IMPROVED BOOKING PROCESS NAVIGATION

• Improved booking process navigation by:

• Replaced custom alerts and pop-ups with 2

• Introduced modal screens as replacement ORIGINAL REDESIGNED

ORIGINAL REDESIGNED ORIGINAL REDESIGNED

DESIGN OUTCOMES CLEANER LOOKING UI

• A "cleaner" looking UI to resemble the

• Improved UI consistency accross screens

• Introduced motion design

ORIGINAL REDESIGNED ORIGINAL REDESIGNED

The Fantаstic Services referral programme was

It gives users the chance to earn credits toward

To do so, users need to share their unique referral

In relation to the programme launch, I had to

WORK PROCESS AND TOOLBOX

PROTOTYPING DEVELOPMENT ONLINE MARKETING

Competitor Research UXPin BANNERS

Business Adobe Photoshop INTERSTITALS

DEDICATED ACCOUNT SECTION (WEB & APP)

DESKTOP MOBILE APP

The page aims at informing users

It targets both new and existing

After a user submits a booking, a

HOMEPAGE MOBILE SERVICE PAGE DESKTOP

Initially, the booking management options via the

For all other service inquiries, customers had to

To reduce operative costs and improve the customer

DESIGN PROCESS AND TOOLBOX

REQUIREMENTS PROTOTYPING/ DEVELOPER

Competitor Research XMind Adobe Photoshop

Business LucidChart UXPin