foldunaSet a readable hierarchy
The layout separates navigation, query controls and the data itself. Repeated visual patterns help people scan different entries without relearning the page.
CopyRanked / Independent project · Data interface
Complex information.
A clearer way through.
Complex information, filters and comparisons in an organised interface.
Visit the live website- Project type
- Independent project
- Focus
- Data interface
- Work shown
- UX/UI and responsive web development
The brief
A data directory asks people to scan, filter and compare information. The CopyRanked interface example focuses on organising those tasks, so controls, profiles and source links have a recognisable place in the page.
CopyRanked / UX & UI
The design decisions
Make exploration deliberate
Filters and profile routes support a more specific query. The interface gives these controls a clear position instead of putting every action at the same visual level.
Keep sources within reach
Profiles and source links provide a route beyond the overview. On small screens, the layout adapts the density and arrangement of the interface rather than simply shrinking desktop text.
Mobile
The same idea, on a smaller screen.
The desktop and mobile screenshots show how the interface changes with the available space.
What you can see
A directory-style interface, query filters, profile routes and links to sources, documented through the desktop and mobile views. The linked product may change independently of these captures.
About this example
Visit the live websiteCopyRanked is an independent interface project, not a commissioned client case study. The example makes no claims about investment performance or the completeness of external data and provides no investment recommendations.
