✦ VISIT NUWEBI ✦ WEB DESIGN

Agatha P. Daisy

Existing website


Web development proposal

For: Janice Connolly

Nov 14th 2025

Let's build a prominent online presence, showcasing the author and children's stories, leading to increased engagement and book sales.

Khalid Hamid

What are the primary incentives for web development?

1

To elevate the author's brand and online presence.

By aligning with contemporary industry standards and enhancing the author's informative narrative and fun identity.

1

To elevate the author's brand and online presence.

By aligning with contemporary industry standards and enhancing the author's informative narrative and fun identity.

1

To elevate the author's brand and online presence.

By aligning with contemporary industry standards and enhancing the author's informative narrative and fun identity.

1

To elevate the author's brand and online presence.

By aligning with contemporary industry standards and enhancing the author's informative narrative and fun identity.

2

To Increase revenue by (x) sales within the next 12 months.

By having tangible targets and implementing a marketing strategy to attract thousands of new potential readers.

2

To Increase revenue by (x) sales within the next 12 months.

By having tangible targets and implementing a marketing strategy to attract thousands of new potential readers.

2

To Increase revenue by (x) sales within the next 12 months.

By having tangible targets and implementing a marketing strategy to attract thousands of new potential readers.

2

To Increase revenue by (x) sales within the next 12 months.

By having tangible targets and implementing a marketing strategy to attract thousands of new potential readers.

3

To comply with website accessibility requirements.

By adhering to website visibility accessibility standards, in terms of typography, colors, contrast, navigation, etc.

3

To comply with website accessibility requirements.

By adhering to website visibility accessibility standards, in terms of typography, colors, contrast, navigation, etc.

3

To comply with website accessibility requirements.

By adhering to website visibility accessibility standards, in terms of typography, colors, contrast, navigation, etc.

3

To comply with website accessibility requirements.

By adhering to website visibility accessibility standards, in terms of typography, colors, contrast, navigation, etc.

The success of which is measured using analytics for before and after data.

The success of which is measured using analytics for before and after data.

The benefits of working with Nuwebi.

Wow factor

Websites with a attention grabbing, captivating first 3 seconds, a clear headline, and a CTA.

Wow factor

Websites with a attention grabbing, captivating first 3 seconds, a clear headline, and a CTA.

Wow factor

Websites with a attention grabbing, captivating first 3 seconds, a clear headline, and a CTA.

Wow factor

Websites with a attention grabbing, captivating first 3 seconds, a clear headline, and a CTA.

100%

Fully responsive websites across all devices, from HD to mobile,with speed optimization.

100%

Fully responsive websites across all devices, from HD to mobile,with speed optimization.

100%

Fully responsive websites across all devices, from HD to mobile,with speed optimization.

100%

Fully responsive websites across all devices, from HD to mobile,with speed optimization.

Bespoke

Custom animated web design, tailored to your needs and aligned to your vision.

Bespoke

Custom animated web design, tailored to your needs and aligned to your vision.

Bespoke

Custom animated web design, tailored to your needs and aligned to your vision.

Bespoke

Custom animated web design, tailored to your needs and aligned to your vision.

Previews

See live progress of the website for feedback and revisions before launch.

Previews

See live progress of the website for feedback and revisions before launch.

Previews

See live progress of the website for feedback and revisions before launch.

Previews

See live progress of the website for feedback and revisions before launch.

Scalable

Using a content management system for easy client updates of blogs, inventory, etc,

Scalable

Using a content management system for easy client updates of blogs, inventory, etc,

Scalable

Using a content management system for easy client updates of blogs, inventory, etc,

Scalable

Using a content management system for easy client updates of blogs, inventory, etc,

Free

Providing ongoing consultations for future strategic design updates after website launch.

Free

Providing ongoing consultations for future strategic design updates after website launch.

Free

Providing ongoing consultations for future strategic design updates after website launch.

Free

Providing ongoing consultations for future strategic design updates after website launch.

THE

Brand Kit

Creating the author's basic branding, which will can be developed further in the future.

Concept:

A distinct logo, color palette, visual style, and typography. These would be the brand usage guidelines. Shown are a few examples of the possibilities.

Extendibility:

The brand kit can also be used to generate templates for emails, social media posts, company stationery, merchandise, posters etc, for digital and print.

Laptop displaying website on wooden table

Jolly Kids

Laptop displaying website on wooden table

Jolly Kids

Laptop displaying website on wooden table

Gigi

Laptop displaying website on wooden table

Gigi

Branding project example

Pacha Play

Branding project example

Pacha Play

Laptop displaying website on wooden table

Incognito

Laptop displaying website on wooden table

Incognito

THE

New Website

THE

New Website

Outlined is the phased scope of work.

1

Concept Design

Inspiration:

Let's start by exploring inspiring and engaging websites relating to children, books, and other fun themes. This research will lead to the APD website’s custom theme, while also aligning with your goals.

Inspiration:

Let's start by explore inspiring and engaging websites in the medical, health, and wellness fields.

Analysis:

The following are examples of high-impact and aesthetically pleasing websites that effectively tell a story, provide informative content, and facilitate easy communication and sharing.

Analysis:

Let's start by explore inspiring and engaging websites in the medical, health, and wellness fields.

Phopet

pet stories

Phopet

pet stories

The kitchen

recipes

The kitchen

recipes

Don't board me

pet care

Don't board me

pet care

Egg Life

food

Egg Life

food

Make it real

foundation

Make it real

foundation

2

Low Fidelity Design

Site map:

Starting with the website’s structure, by define all pages, sections and navigation, showing the relationships between them as shown example.

Wire frame:

Initial black-and-white draft based on the sitemap, with placeholders for text and imagery.

Basic interactions include navigation structures, including menus and buttons. preliminary animations for page transitions, hover effects, and image/ text/ interactions. See shown example.

Site map

Branding project example

Wire frame

3

Content Material

Text copywrite:

Create a narrative and optimize text lengths for headings, subheadings, paragraphs, including buttons where appropriate.

APD: images/ video

Prepare and edit provided content for color correction, exposure adjustment, cropping, and file size optimization.

Online: images/ video

Source and customize generic photos/videos from stock libraries to support hero sections (top of page) to work within the theme.

Ai generated media

For generating photos, animated graphics and video.

Branding project example

text

Branding project example

image

Branding project example

graphics

Branding project example

SVG

Branding project example

photos

Branding project example

gif

Branding project example

gallery

Branding project example

video

Branding project example

blogs

Branding project example

Events

Branding project example

Webinar

Plugins

50+ live feed from social media to bookings.

4

Hi Fidelity Design

Content integration:

Fully integrated, content-rich design for all pages, replacing placeholders with finalized content and applying the approved Brand Kit.

Responsive testing:

Finalized behavior and performance optimizations, validating layout, speed, and usability across devices (HD, desktop, laptop, tablet, and mobile).

Animations and interactions:

Refining animation effects to enhance user experience while maintaining performance.

Website launch:

Hosting: Upgrade to Framer paid subscription and migrate from the current hosting provider. Then directing the (.com) to the new website server

Final tweaks:

Making final design refinements and technical fixes post-launch.

THE

Marketing

The best websites remain hidden gems without promotion. Below is a list of strategies that work together to achieve exposure to a new audience.

Business profile:

Updating Google and all other relevant online directories for childrens books.

Email campaign:

Targeting people within your contacts, asking for feedback on the redesign and including a clear CTA (e.g., "Explore our new site", “Share with friends and family”).

Social Media:

Highlighting latest news, new and current books, book character profiles, merchandise, etc.

SEO:

Boost search terms like "childerns books ages 4-6" or "multicultural characters". "diverse children’s picture books," or "children's books about kindness and empathy".

Reader reviews:

Encouraging readers to leave reviews on your Google profile, and other trustworthy platforms. Positive reviews can boost your local search rankings.

strategy

Project Price

Description

Amount

Brand Kit


$750

Website (Framer)


$2,750

Sub total:

$3,500

Discount 30%:

-$1,000

Total:

$2,500

Payment schedule

Advance 30%:

$750

On completion 70%:

$1,750

Ready to explore the possibilities?

learn more about nuwebi