Website UI Design & Development by Peter Wilder

Website UI Design & Development by Peter WilderWebsite UI Design & Development by Peter Wilder

Website UI Design & Development

Peter Wilder

Starting at

4,000

About this service

Summary

Whether you're looking to bring that long-overdue online presence to your small business, or give your existing online presence a modernized face-lift...

... you've come to the right place.

As a seasoned UX/UI & Visual Designer & Developer with a proven track record of success in helping businesses of all sizes, crafting game-changing experiences with interactive and intuitive interfaces is something I'm incredibly passionate about, in continued efforts to uplift the human experience. Working across various industries, including healthcare, finance, and social media, and I have been able to help businesses take the leap to establish their online identities for the first time, as well as reinvent the online presence of existing ones through forward-looking rebranding as part of data-driven design.

Click to see more work, as well as web exploration designed & developed by yours truly.

Package Details

This Web UI Design & Development package includes a total of (4) fully-responsive pages for your website, with (12) accompanying High-Fidelity Mock Ups across desktop, tablet, and mobile views.

(A sample site of this size typically entails a Home page, About page, Contact page, and additional page relevant to the business.)

Included with the prior, the package also includes a UI Kit (split between Framer & Figma), interactive prototype usability testing & refinements, accessibility/WCAG compliance auditing, and data-driven refinements from post-development usability testing. Limited post-launch support is included & available for up to 90-days.

A total of (2) design revisions are allotted within the package, simply due to maintaining an efficient timeline.

Getting Started

Following intake where you provide project details such as the background/summary, needs, and goals, I'll review and compose a draft of the project brief that we'll go on to discuss over a call for clarity and finalization of the governing project document.

From there, I will be able to begin assessments and relevant research to better understand users, as well as competitors, and use those findings to drive information architecture and visual design efforts.

Package Adjustments

Additional pages are available upon request, with accompanying adjustment in project package pricing.

By default, designs include "lorem ipsum" placeholder text and royalty-free Unsplash images, unless provided with original media assets & copy content. Upgrades to the package for generated copy content (with proper client-provided direction) as well custom image generation are available for package add-ons as well.

Interaction design is included for the general site navigation and animation/variants are part of the Interactive Prototype deliverable. Upgrades to the package for more complex site animations are available as well.

(For a more comprehensive project, with greatly expanded deliverable library and brand strategy focus, feel free to check out this package here.)

Deliverables

I. High-Fidelity Website Mock Ups

With the Web UI Design & Development project package including (4) pages, you'll receive a Figma file consisting of (12) displays total; (3) sets of breakpoints for each page.

II. Interactive Prototype

Demonstrating your site's various user flows, the Figma file will also consist of an interactive prototype for exploration -- tested and refined through usability testing -- before development begins.

III. UI Kit

Framer portion of the UI Kit consists of the component library, component variant states. Figma portion of the UI Kit consists of the style guide(s), and documentation for easy-access, in the event the library needs any future updates.

IV. Developed Website

Completing the UI Design & Development package deliverables, your completed website hand-off will arrive with Deliverables I-III, (4) responsive web pages developed across (3) breakpoints, WCAG compliance, data-driven refinements from post-development usability testing. Limited post-launch support included & available for up to 90-days.

What's included

I. High-Fidelity Website Mock Ups
With the Web UI Design & Development project package including (4) pages, you'll receive a Figma file consisting of (12) displays total; (3) sets of breakpoints for each page.
II. Interactive Prototype
Demonstrating your site's various user flows, the Figma file will also consist of an interactive prototype for exploration -- tested and refined through usability testing -- before development begins.
III. UI Kit
Framer portion of the UI Kit consists of the component library, component variant states. Figma portion of the UI Kit consists of the style guide(s), and documentation for easy-access, in the event the library needs any future updates.
IV. Developed Website
Completing the UI Design & Development package deliverables, your completed website hand-off will arrive with Deliverables I-III, (4) responsive web pages developed across (3) breakpoints, WCAG compliance, data-driven refinements from post-development usability testing. Limited post-launch support included & available for up to 90-days.

Example projects

RKS Design | Website Modernization

Duration

4 weeks - 8 weeks

Skills and tools

Web Designer

Web Developer

Framer Designer

Adobe Illustrator

Figma

Framer

Midjourney

Zoom

More services

UX/UI Design | Product Design

Example projects

STARTING AT

$4,000

fixed rate, 4 weeks - 8 weeks

Website UI Design [Intensive]

Example projects

Contact for pricing

Website UI Design

Example projects

STARTING AT

$2,000

fixed rate, 1 week - 3 weeks

Website UI Design & Development

Peter Wilder

Starting at

4,000

About this service

Summary

Whether you're looking to bring that long-overdue online presence to your small business, or give your existing online presence a modernized face-lift...

... you've come to the right place.

Click to see more work, as well as web exploration designed & developed by yours truly.

Package Details

This Web UI Design & Development package includes a total of (4) fully-responsive pages for your website, with (12) accompanying High-Fidelity Mock Ups across desktop, tablet, and mobile views.

(A sample site of this size typically entails a Home page, About page, Contact page, and additional page relevant to the business.)

A total of (2) design revisions are allotted within the package, simply due to maintaining an efficient timeline.

Getting Started

Package Adjustments

Additional pages are available upon request, with accompanying adjustment in project package pricing.

(For a more comprehensive project, with greatly expanded deliverable library and brand strategy focus, feel free to check out this package here.)

Deliverables

I. High-Fidelity Website Mock Ups

With the Web UI Design & Development project package including (4) pages, you'll receive a Figma file consisting of (12) displays total; (3) sets of breakpoints for each page.

II. Interactive Prototype

III. UI Kit

IV. Developed Website

What's included

I. High-Fidelity Website Mock Ups
With the Web UI Design & Development project package including (4) pages, you'll receive a Figma file consisting of (12) displays total; (3) sets of breakpoints for each page.
II. Interactive Prototype
Demonstrating your site's various user flows, the Figma file will also consist of an interactive prototype for exploration -- tested and refined through usability testing -- before development begins.
III. UI Kit
Framer portion of the UI Kit consists of the component library, component variant states. Figma portion of the UI Kit consists of the style guide(s), and documentation for easy-access, in the event the library needs any future updates.
IV. Developed Website
Completing the UI Design & Development package deliverables, your completed website hand-off will arrive with Deliverables I-III, (4) responsive web pages developed across (3) breakpoints, WCAG compliance, data-driven refinements from post-development usability testing. Limited post-launch support included & available for up to 90-days.

Example projects

RKS Design | Website Modernization

Duration

4 weeks - 8 weeks

Skills and tools

Web Designer

Web Developer

Framer Designer

Adobe Illustrator

Figma

Framer

Midjourney

Zoom

More services

UX/UI Design | Product Design

Example projects

STARTING AT

$4,000

fixed rate, 4 weeks - 8 weeks

Website UI Design [Intensive]

Example projects

Contact for pricing

Website UI Design

Example projects

STARTING AT

$2,000

fixed rate, 1 week - 3 weeks