UX-UI Design for Mobile and Web Apps

Starting at

$

3,500

About this service

Summary

The design process involves three main stages: Discovery, where client needs are defined and a project scope is established. UX, where user research informs visual and conceptual strategy. UI, where high-fidelity designs are created and tested through interactive prototypes.

Process

Discovery
Stage where the customer's needs are discovered with respect to the digital product (website or app). Deliverables: Brief + Design process + Scope of work + Quotation.
UX
Stage where opportunities for improvement are explored. The graphic style, objectives, and visual strategy are defined. Deliverables: Performance metrics + Competitor analysis + Content review + Visual & conceptual strategy + Information architecture.
UI
Stage where interactive prototypes are presented with the final designs of the product. Deliverables: Wireframes + High-fi mockups + interactive prototype (both for desktop and mobile.

What's included

  • Brief

    The design brief is a roadmap for a design project. It outlines the project's goals, target audience, and desired outcome. It serves as a clear communication tool between the client and designer.

  • Competitor analysis

    Reviewing current competitors' websites, language and tactics to engage the users.

  • Content review

    Reviewing the content length and CTA language used on the current website.

  • Visual & conceptual strategy

    Mood Board: We'll create a mood board showcasing key design elements from competitor websites. This will visually highlight the most successful design choices used by your competitors. Insights Report: We'll develop a written report summarizing the key insights gleaned from the competitive analysis. This report will translate the visual observations into actionable takeaways for your website's design and user experience.

  • Information architecture

    Sitemap & User Journey Mapping: We'll develop an updated sitemap and user journey maps to optimize website navigation and user experience, showing the path users take to achieve their goals on the website, ultimately driving conversions.

  • Wireframes

    Low-fi skeletal representation of the website. It provides a clear visual overview of the layout, hierarchy, and functionality of the product, enabling it to identify and address usability issues early on.

  • High-fi mockups

    Wireframes are transformed into mockups that closely resemble the final product incorporating colors, typography, images, and other design elements that allows for comprehensive testing and refinement before development begins.

  • Interactive prototype

    High-fi designs are converted into a realistic simulation of the user experience, ensuring that the final product is intuitive, user-friendly, and aligned with user expectations.


Duration

5 weeks

Skills and tools

Web Designer
UX Designer
UI Designer
Adobe Creative Suite
Figma
Trello

Industries

Web Design
UX Design
Mobile Apps

Work with me


More services