Product Web design by Wuraola Ayodolapo

Product Web design by Wuraola AyodolapoProduct Web design by Wuraola Ayodolapo

Product Web design

Wuraola Ayodolapo

Contact for pricing

About this service

Summary

The work process

Lo-fi wireframes

I create low-fidelity wireframes for the landing page, defining the content placement and order.

Visual design

After the wireframes are approved it's time to create visuals!

Adaptives

I create landing page adaptations to different screen sizes from desktop to mobile.

Style guide

I create guides for typography and color styles, gather all UI components (buttons, inputs, etc.) in one place with comments for developers.

Communication

After each work stage I will send you the link to my Figma file for review with my comments and explanation of design decisions. You and your team can review the file when it’s the most convenient and also leave your comments right in the file.

What's included

Mobile adaptive
I design a mobile version of each website screen
Wireframe and Prototype
I will also deliver a unique style of design to attract more clients to the website with wireframes and prototype
Website design mockup
Figma file with your website
Style guide
Typography, color and UI component guide
Micro-interaction design
I design interaction (hover, click, scroll, etc.) animations with visual guides for developers on how to use them
Images and icons
Google Drive folder with exported images and svg icons used in the design
Post-Launch Support
: Even after your website is launched, I'm here to support you. I'll provide you with a "Design to Dev" document, outlining how the design elements were translated into code. I'll also make sure you know how to update and manage your website's content.