I know people don’t like to read long case studies, so I’m adding my work first below. But if you’d still like to read the full case study, you’ll find it after the project images.
The project lasted around 2 weeks.
Data section
Compare section
Steps section
Pricing section
Testimonial section
FAQ section
Footer section
Project Overview 🌐
Onyks is a creative agency specializing in static ad creatives for social media brands. Their work focuses on helping businesses capture attention, communicate value quickly, and improve campaign performance through high-quality visual advertising.
The goal of this project was to design a website that reflects the agency's modern creative capabilities while clearly communicating its services, process, and expertise. The website needed to feel clean, confident, and conversion-focused without relying on excessive visual effects.
As a creative agency, Onyks needed a website that showcased its expertise while maintaining a strong focus on clarity and conversion.
We set out to:
Create a modern and professional visual identity
Clearly communicate the agency's value proposition
Showcase services and work in a structured manner
Establish trust through clean hierarchy and messaging
Design a scalable system that could grow with the agency
Our Role
We led the design process from concept to final UI, covering:
Discovery and content planning
Low-fidelity wireframes and page structure
High-fidelity UI design
Visual hierarchy and conversion-focused layouts
Responsive design considerations
Developer-ready design handoff
Process
1. Discovery & Structure
We started by understanding Onyks' positioning, audience, and goals. This helped define the page structure and establish a clear content hierarchy before moving into visual design.
2. Wireframes & User Flow
Low-fidelity wireframes were created to map key sections, content flow, and call-to-action placement. The focus was on creating a smooth journey from introduction to conversion.
3. Visual Design
The design system was built around a modern agency aesthetic with:
Clean typography
Strong visual hierarchy
Spacious layouts
Consistent spacing systems
Clear call-to-action elements
The visual direction reinforces professionalism while allowing the agency's work and messaging to remain the focus.
4. Conversion-Focused Layouts
Every section was designed with clarity and engagement in mind.
This included:
Strong hero messaging
Clear service presentation
Strategic CTA placement
Easy-to-scan content blocks
Structured visual rhythm throughout the page
5. Responsive Design Considerations
Although this was a design-only project, layouts were created with responsiveness in mind to ensure a smooth implementation experience across desktop, tablet, and mobile devices.
Results
A clean and modern agency website design aligned with Onyks' brand
Improved visual hierarchy and content clarity
Conversion-focused layouts designed to guide visitors toward action
A scalable design system ready for future expansion
Developer-ready Figma files prepared for implementation
Like this project
Posted Jun 24, 2026
Designed a clean, modern website for Onyks, giving their static ad creative agency a digital presence with clear storytelling and conversion-focused layouts.