Skip to content

JHONATAN OLIVEIRA®

PORTFOLIO / 2026

FRONTEND / PRODUCT / DESIGN

Engineering, direction and digital craft in one continuous system.

ISSUE / 01

Project archive

02 / Case study

Web Platform / 2026

Priscila Albuquerque — Institutional Site

The institutional site of Priscila Albuquerque was developed with the objective of positioning her personal brand as a digital marketing specialist focused on results, combining strategy, authority, and proximity in a single digital experience.

Priscila Albuquerque  — Institutional Site
J / O — Web Platform

Case index

01 — 04

Discipline
Web Platform
Year
2026
Status
Completed
Visual records
06

Technologies

Next.jsTailwindCSSPostgresTypeScriptshadcn/uiReactPrismaORMenexCMS

Institutional Site — Priscila Albuquerque

The institutional site of Priscila Albuquerque was developed with the objective of positioning her personal brand as a digital marketing specialist focused on results, combining strategy, authority, and proximity in a single digital experience.

From the outset, the project was designed to go beyond an informative site. The proposal was to create a platform capable of converting visitors into clients, reflecting Priscila's own performance: strategic, human, modern, and performance-oriented.

The Challenge

The main challenge of the project was translating highly strategic action into simple and direct communication, without losing depth.

It was necessary:

  • To communicate authority and experience in digital marketing

  • To explain complex services in an accessible way

  • To create a human connection with the visitor

  • To structure the site with a focus on conversion, not just aesthetics

All of this without making the site excessively technical or rigid.

The Approach

The project was developed from the Figma prototype to the implementation in code, ensuring total control over narrative, visual identity, and user experience.

The site's construction followed three pillars:

  • Clarity: direct messages, without noise or exaggeration

  • Humanity: close language, aligned with Priscila's personal communication

  • Performance: a structure designed to generate leads and opportunities

Each section was strategically planned to guide the user from discovery to action.

UX and UI Decisions

  • Clear visual hierarchy, highlighting value propositions

  • Modern and clean layout, reinforcing professionalism

  • Accessible visual language, without losing sophistication

  • Well-positioned CTAs, focused on conversion

  • Simple navigation, reducing friction in the user's journey

The design acts as an extension of the marketing strategy, not just a visual support.

Result

The site delivers a digital presence that:

  • Positions Priscila as an authority in digital marketing and conversion

  • Clearly communicates her services and differentiators

  • Creates an immediate connection with potential clients

  • Functions as a strategic acquisition and relationship asset

This project demonstrates how design, content, and development, when aligned, become direct tools for business growth — exactly what Priscila's brand represents.

04 / Visual evidence

06 ITEMS

The work, in context.

Screens, motion and supporting artifacts that show how the system behaves beyond a static cover.

Selected work / archive

END / CASE

One case is only one chapter.

Return to the archive to see other interfaces, products and experiments built with the same attention to product, visual direction and frontend engineering.

View all projects