Skip to content

Clínica Radiológica SORE · Company website and blog

SORE: internal pages, content, and responsive design

  • UX/UI
  • SEO
  • WordPress

A structure for exploring the clinic, examinations, and contact options

I designed and implemented the website and blog for Clínica Radiológica SORE in Contagem, Brazil. I organized examination pages, content, and navigation paths, carrying a consistent visual language from the clinic introduction through longer reading sections.

Explore the screens
Client
Clínica Radiológica SORE
Type
Company website and blog
My role
  • Concept and visual direction
  • Structure and UX/UI
  • Internal-page assembly
  • Responsive implementation
Tools
Illustrator, Photoshop, WordPress
Institutional credit
Agência Q.Com
Open the project
clinicasore.com.br ↗

§ 01

Context

The website presents a dental imaging clinic in Contagem, Minas Gerais, Brazil. Its paths let visitors learn about the clinic, find an examination, explore content, and get in touch. A prominent results link leads to an external system.

Internal pages and responsive layouts took the most work. I used Illustrator, Photoshop, and WordPress for the project. This case study focuses on organizing and building the experience, with page and blog copy credited to the Agência Q.Com editorial team.

  1. § 02

    UX/UI decisions

    01

    Connect the overview to the selected examination

    I organized four examinations into a listing with an image, heading, and summary. Each path leads to a dedicated page with more room to explain the topic.

    Blues, rounded images, and variations in heading weight connect the listing with the homepage and internal pages. The same visual language carries visitors from a general introduction to specific content.

    Four paths to dedicated examination pages. Copy by Agência Q.Com’s editorial team; design and development by Matheus.
  2. 02

    Give longer reading sections a clear structure

    On the periapical radiography page, I arranged the supplied copy into subheadings, images, and highlighted sections. The first explanation combines text and an image; further detail continues on a different surface.

    This page assembly was one of the more demanding parts of the project. The format organizes different levels of information within the same route while preserving the copy’s authorship.

    Initial examination explanation with text and an image side by side. Copy and radiograph production are not attributed to Matheus.
  3. 03

    Connect the introduction with the physical space

    On the institutional page, I placed photographs of the space and equipment in a gallery. The grid brings together seven images, with rounded corners that recur in other components.

    The presentation lets visitors explore the space through photographs supplied by the client. My role was to integrate these materials into the page content and composition.

    Original photographs supplied by the client, used to present the space. The capture begins with the previous text’s continuation.
  4. 04

    Make informational content part of the website

    The blog organizes articles with an image, title, summary, and reading action. A recent-content column offers additional paths while browsing.

    Examination pages and articles have separate URLs and different roles within the website. Agência Q.Com wrote both formats; my work covers structure, presentation, and implementation.

    Listing component and editorial paths. The top image begins outside the frame; no article is assigned the reported clicks.
  5. 05

    Reorganize internal content and navigation

    The listing moves from four cards in a desktop row to two columns on tablet and one on mobile. On detail pages, text and images remain side by side on tablet and stack on mobile.

    The expandable menu preserves clinic and examination groups. These adjustments were part of the responsive work, keeping exploration paths available at the documented widths.

    Groups and subitems retained in mobile emulation. The low-contrast header logo state remains unchanged.

§ 03

Search structure

Examination pages and articles organize topics into dedicated routes, with content connected to dental imaging and its local context.

Route presentation
The research found titles, descriptions, canonical URLs, and structured data in parts of the website, with variation by page.
Content and navigation
Listings, examination pages, and the blog connect overviews with deeper information, preserving the Q.Com editorial team’s authorship.

↳ These elements describe the observed structure; they are not a complete SEO audit or a standalone explanation of the organic indicator.

§ 04

Reported search presence

I reported an average of about 400 monthly organic search clicks, based on my Google Search Console monitoring. The averaging period was not specified, and the report was not consulted for this case study.

The figure provides search-presence context. Without a prior comparison or appointment data, it does not establish growth, conversions, or an effect caused solely by this project.

§ 05

Screens

§ 06

Credits

Matheus Barros: concept, visual direction, structure, UX/UI, internal-page assembly, and responsive implementation. Institutional credit: Agência Q.Com. Page and article copy: the agency’s editorial team.

The client supplied the logo and original photographs. Other photographs were sourced online, without individual sources mapped in this documentation round. Digital project authorship does not include producing these materials.

Contact

Does your service need to organize information and inquiries?

Tell me which topics and paths your website needs to include. We can discuss structure, internal pages, and adaptation for smaller screens.

Let’s talk
WhatsApp