Orthaviel Digital Orthaviel Digital
Consultants reviewing a client page structure together at a bright desk
Orthaviel Digital

How the work comes together on real pages

Each study below covers what the page was for, what got in the way, and what changed in the structure. Written so you can judge fit, not compare screenshots.

Method first

A case write-up is only useful if it shows the reasoning. That is what we keep, and what we leave out.

Why we write case studies this way

Most case study pages show a finished page and call it proof. That skips the part buyers actually care about: the reasoning. A service firm evaluating a consultancy wants to know whether you understand their problem, not whether you can produce a polished layout. So our case write-ups cover the constraint, the decision, and what we would do differently.

We do not dress up outcomes we cannot substantiate. Where a result depends on something outside our control, we say so. Where the work is still in progress, the write-up says that too.

The constraint

What the page had to do, and the limit we were working inside.

The decision

The structural choice we made, and the trade-off it carried.

The exception

What we would handle differently the next time we see it.

What we look for in a first review

Every engagement starts the same way: a close read of what exists before anything gets rebuilt.

  • Where the page loses attention

    The first scroll tells us most of it: where a visitor stops reading, which sections they skip past, and whether the top of the page answers the question they arrived with.

  • Which sections earn their space

    A section that repeats a claim already made above it is costing the visitor time. We mark those first, because removing them is usually cheaper than adding anything new.

  • How the conversion path behaves on a phone

    Most professional services traffic arrives on a handset. We walk the whole path at 375px before we look at a desktop layout, because that is where the friction usually sits.

  • What repeats across industries

    A hero section carrying three competing offers. A form with eight fields on first touch. Trust signals sitting below the fold. None of these are exotic, and none of them require a full rebuild to fix.

Restructuring a service page for a single offer

A frequent project: a firm with a strong reputation and a service page trying to sell everything at once. Visitors arrive, scan a wall of capabilities, and leave without a clear next step.

The work is mostly subtraction. We pick one offer to lead with, move the rest into a supporting section, and rebuild the conversion path around the primary action. The page gets shorter. The visitor's job gets easier. Nothing is added to the top that the visitor did not ask for.

What we return to the client is the restructured page plus a short written note on each decision, so the reasoning outlives the project.

Offer
One primary action per page.
Structure
Supporting offers move below the fold.
Path
Fewer steps between arrival and reply.

Two states, one page

Cluttered desk surface at the start of a service page restructure
Before: everything on one page
Cleared desk surface after a service page restructure
After: one offer, one action

The difference between the two states is not a redesign. It is density: less to read at the top, one clear decision left standing.

Form-first paths in practice

Form design decides how many inquiries you actually receive. We have seen pages lose most of their interested visitors at the form itself, usually because the fields ask for qualification details before the visitor has decided to talk.

If your own page has that problem, a page review is the fastest way to find out. We read the form the way a first-time visitor does.

  1. Trim the fields to what is needed to reply

    Name, email, and the problem in the visitor's own words is usually enough for a first reply. Budget figures, timelines, and decision structure belong in the conversation, not the form.

  2. Rewrite the labels in plain language

    A label like "describe your requirements" asks the visitor to do the qualifying work. A label like "what is the page for" gets a usable answer in one line.

  3. State plainly what happens after submission

    People hesitate when they do not know what they are signing up for. One sentence naming who replies, from which address, and roughly when removes most of that hesitation.

  4. Keep the confirmation honest

    A thank-you page that repeats what was sent and what happens next does more for trust than a celebratory animation. We treat it as part of the form, not an afterthought.

How our process works
Team reviewing proposed page structure against a blurred wall display

Proof without inflated language

Proof works when it is specific and verifiable. A named client, a described engagement, a plain statement of what the page was built to do. What does not work: vague statistics with no sourcing, unlabeled screenshots, and outcome claims that could apply to any project.

We write case content the way we would want to read it if we were hiring. If a result is not something we can stand behind, it does not go on the page. That is why you will not find a numbers wall here.

What ships with every study

  • The brief as we understood it, in plain sentences.
  • The structural decision, and what it cost elsewhere.
  • What we would reconsider on a second pass.
  • The artifacts worth keeping, shared as they are.

Pages for financial and advisory firms

Financial advisory pages carry a different weight. Visitors are making a decision tied to their money, and they read for risk reduction before they read for benefit.

The structure shifts accordingly: credentials and fit statements move up, lifestyle language comes out, and the call to action is framed as a conversation rather than a commitment. Conservative design is not a limitation in this category. It is the point.

Moves up the page

  • Credentials and who the firm works with
  • What the first conversation covers
  • Plain statements of fit and scope

Comes out of the draft

  • Aspirational lifestyle phrasing
  • Unlabeled charts and screenshot grids
  • Commitment language around a first call

Webflow and fast-build examples

Some projects need to ship against a campaign date. Webflow works well when the team wants to maintain the page themselves afterward, and we build with that in mind: clean structure, editable sections, and consistent components.

Speed matters here, but it does not excuse skipping responsive checks or form testing. Those get verified before launch regardless of the timeline.

  1. Scope the date

    We confirm what the campaign needs to say, and what can move to a later pass without hurting it.

  2. Build the structure

    Sections and components are named so your team can edit them later without breaking the layout.

  3. Test on real handsets

    Every form, link, and section is walked at phone width before it is called done.

  4. Hand over what you own

    You get the page, the component names, and a short note on which sections are safe to change alone.

UX artifacts as evidence

Interface work leaves a trail: wireframes, prototypes, and the reasoning behind each structural choice. We keep those artifacts and share them.

They are useful during the engagement, and afterward they show your team why the page is built the way it is. When someone asks why a section sits where it does six months later, the answer is documented rather than remembered.

Designer arranging printed wireframe sheets on a bright desk
Working artifacts, kept and shared
Consultant walking a client through a page layout in a bright studio

Artifacts are shared as they are, including the versions we abandoned. A wireframe that got replaced usually explains the final decision better than the final wireframe does.

How to read these for your own situation

Fit matters more than the size of the project. Start with the constraint that looks most like yours.

Request a page review
Which study should I start with?

Look for a case where the constraint resembles yours. A page losing visitors at the form. A service page carrying too many offers. A campaign destination that needs to launch on a fixed date. The industry matters less than the shape of the problem.

Why are there no performance statistics?

Because a number without context is not proof. We describe what the page was built to do and what we changed, so you can check the reasoning yourself. Where a client has agreed to be named, the study says so.

What if nothing here matches my situation?

Tell us what you are dealing with and we will say plainly whether it is something we handle well. If it is not, we will tell you that too, and point you toward the kind of help that fits better.

Do you work with teams outside the United States?

We are based in Philadelphia and work with teams across US time zones day to day. Projects further out are handled with the same written handover and a scheduled call slot that works for both sides.

Tell us what your page is up against

Send a short description of the page and the problem, and we will reply with an honest read on whether our approach fits — or where to look instead.

Monday to Friday, 9:00 AM - 6:00 PM · Philadelphia, PA