Website UI Design
Starting at
$
2,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 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.
Package Details
This Website UI Design package includes a total of (4) fully-responsive pages for your website, and consists of a total (12) high-fidelity UI frames for 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.)
As mentioned, package pricing includes the (4) responsive pages (High-Fidelity Mock Ups), the Interactive Prototype (usability-tested & refined), and the remainder of the UI Kit that consists of components, style guides, and documentation for development teams.
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.
Deliverables
I. High-Fidelity Website Mock Ups
With the Website UI Design project package, you'll receive a Figma file consisting of (4) responsive pages, with (12) frames that amount to (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 -- for your development to better understand navigation and interaction design elements.
III. UI Kit
Completing the Figma file hand-off deliverable, the UI Kit consists of the component library, component variant states, style guide(s), and documentation, ensuring your development team has everything they need for a smooth implementation effort.
What's included
I. High-Fidelity Website Mock Ups
With the Website UI Design project package, you'll receive a Figma file consisting of (4) responsive pages, with (12) frames that amount to (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 -- for your development to better understand navigation and interaction design elements.
III. UI Kit
Completing the Figma file hand-off deliverable, the UI Kit consists of the component library, component variant states, style guide(s), and documentation, ensuring your development team has everything they need for a smooth implementation effort.
Duration
1 week - 3 weeks
