# SVN > Explore SVN’s legal-services website visuals: blue practice-area cards, consultation prompts and a service-page layout. Canonical page: https://webvelopment.co.za/work/svn/ Language: en Our work · Website [All our work](https://webvelopment.co.za/work/) ![SVN — original Website portfolio cover](https://webvelopment.co.za/images/portfolio/2014.webp) ## A closer look at SVN The SVN gallery shows a legal-services website in blue, white and charcoal. Across its **3 gallery visuals**, photographic banners lead into white cards with blue line icons. The homepage places “Professional Legal Services”, “Purchase Contracts Online” and “Book a Consultation” side by side, giving each visitor task a distinct place on the page. The practice-area view uses a three-column card grid, with labels including Commercial Law, Labour Law and Family Law. A separate Commercial Law visual shows how an individual service page could sit within that design, followed by a consultation prompt and links to other practice areas. Its main text is visibly placeholder copy, so treat it as a layout reference. You can compare these views with our [website project collection](https://webvelopment.co.za/work/categories/website/). ## What is relevant to your brief? If your business offers several services, consider how a visitor chooses the right one. SVN’s card grid is useful to discuss: short service names and repeated icon placement make the choices easy to scan, while the photographic banners give the pages a consistent visual setting. We can use those details to talk through your own content. For example, bring your service list and one typical enquiry; together, we can consider which page should answer that enquiry and where its contact prompt belongs. The gallery’s consultation form provides a visual reference for that conversation, but the images do not establish how submissions, bookings or contract purchases work. ## Talk about similar work Send us this project link and point to the detail that interests you—the practice-area cards, the service-page layout or the consultation prompt. Include the content you already have and what you want visitors to do next. That gives us a practical starting point for discussing design, content and any functionality your new site would need. Additional client-specific background is shared only where it can be verified and appropriately disclosed. [Discuss a brief inspired by SVN](https://webvelopment.co.za/contact/), [explore the relevant service](https://webvelopment.co.za/services/websites/website-design/) or [compare the full portfolio](https://webvelopment.co.za/work/). A closer look ## SVN Project gallery. Open a visual to explore it at full size. Use the arrow keys to move through the gallery and Escape to close. [![SVN Website presentation, visual 1 of 3](https://webvelopment.co.za/images/portfolio/2015.webp)](https://webvelopment.co.za/images/portfolio/2015.webp) SVN · Website · 1/3 [![SVN Website presentation, visual 2 of 3](https://webvelopment.co.za/images/portfolio/2016.webp)](https://webvelopment.co.za/images/portfolio/2016.webp) SVN · Website · 2/3 [![SVN Website presentation, visual 3 of 3](https://webvelopment.co.za/images/portfolio/2017.webp)](https://webvelopment.co.za/images/portfolio/2017.webp) SVN · Website · 3/3 More Website work [![UD Trucks — Website portfolio cover](https://webvelopment.co.za/images/portfolio/2025.webp) Website ### UD Trucks](https://webvelopment.co.za/work/ud-trucks/)[![Rampararat — Website portfolio cover](https://webvelopment.co.za/images/portfolio/2012.webp) Website ### Rampararat](https://webvelopment.co.za/work/rampararat/)[![Patroa — Website portfolio cover](https://webvelopment.co.za/images/portfolio/2006.webp) Website ### Patroa](https://webvelopment.co.za/work/patroa/) Keep exploring ## Keep the right things connected. [Websites ### Website Design Create a responsive business website design around a clear offer, useful content, consistent page layouts and a practical customer and publishing journey.](https://webvelopment.co.za/services/websites/website-design/)[Our work · Website ### Website projects Explore 40 website project presentations from Webvelopment’s complete portfolio.](https://webvelopment.co.za/work/categories/website/)[Start a conversation ### Let’s make the next move a useful one. Talk to Webvelopment about websites, software, digital marketing, creative services or development capacity.](https://webvelopment.co.za/contact/) Let’s move things forward ## Start a conversation Tell us what you are working towards. We’ll help you find a practical next step. [Let’s talk](https://webvelopment.co.za/contact/)