01 / 03
HRB Advisors
Redesign using approved company information, services, founder details, and testimonials.
SmartDesign case study
About the project
HRB Advisors is read by prospects assessing whether the firm and its founder are credible enough to contact.
Approved company information, services, founder detail, and testimonials needed a hierarchy that made the positioning obvious at a glance.
An editorial page with a stated positioning line, a clear service structure, and one conversion path.
Scope
- Website redesign
- Positioning line and hero composition
- Service structure
- Founder and testimonial presentation
- Responsive design
Design premise
State the position in the first line. Everything after it is evidence, ordered from service structure to founder to approved testimonials.
Inside the finished page
Visual system
- Advisory navy#0a1e40
- Page field#ffffff
- Section ink#132445
- Rule grey#e7ebf2
- Typography
- Editorial headline scale for the positioning line, with quiet sans detail beneath it.
- Grid
- White field split by clear rules, with services indexed and the founder given a dedicated block.
- Imagery
- Founder and context photography used sparingly, at full quality.
The full page, top to bottom
Motion concept
Device transition from handheld to full desktop field
01 · Trigger. Handheld frame, positioning line already legible.
One shared image transitions between a handheld frame and the full desktop field: the frame width, corner radius, and crop animate together while the positioning line holds its position. Because it is a single element, the transition reads as the same page rather than two screenshots.
- 01TriggerHandheld frame, positioning line already legible.
- 02ConstructionFrame begins widening, rules and margins reposition.
- 03MovementCrop opens out as the corner radius relaxes.
- 04Resolved stateFull desktop field, positioning line unmoved.
- 05PurposeThe positioning line is the argument, and it has to survive every screen size. The transition demonstrates that the stated position stays in the same place while the field around it changes.
How the page was built
01 · Structure
Positioning line, services, founder, proof.
02 · Type and colour
Editorial scale set on a white field.
03 · Live page
Approved testimonials and conversion path added.