CASE STUDY \\
SourceClassic Collection
CLIENT
Me :)
YEAR
2026
CATEGORY
Counter Strike Template
SERVICES
Web Design
Web Development
Ecommerce
Source Classic is a collection of three Framer templates (a portfolio, an ecommerce store and a personal blog) that recreate the look and feel of classic early-2000s tactical shooter menus. Each template repurposes the old game menu as a website container, complete with menu-style navigation and a “Quit” button, so people can host their work, sell their products or publish blog posts in a style that is unmistakably nostalgic. Every template is available to purchase, giving buyers full ownership of the container to adapt to their own needs.
Repurposing nostalgia into a new container
I'm a big fan of recreating old pre-existing containers, aesthetics and designs into websites that serve a completely different purpose. I've done it with Windows 7, Windows 98 and for this project, I decided to explore video games as an option. I grew up on Counter-Strike, I was a very big fan of this game in my early teens when I was barely conscious and I still play this game sometimes, meaning that part of shooters and FPS has never left me. I wanted to pay tribute to this old recognizeable aesthetic and repurpose the menus from both Counter Strike Source & Counter Strike 1.6 into functioning, explorable containers.
For this project, I made a Portfolio Template, an Ecommerce Template and a 1.6 Blog/Personal Template following these aesthetics and guidelines that the video game menus follow, recreating them in Framer and building them in a way that allows people to change information and colour schemes as easy as possible, add and modify their own projects/posts/products super easily and recreating the animations to simulate the environment to a tea.
An Analysis of the video game menu aesthetics.
The pre-research and analysis to projects like these are super important if you want to get the animation, colours, layouts and functionality as right as possible. It's easy to design these websites considering the design is finished already - what I'm doing is no more than copying the already existing design but the key focus of these types of projects isn't to completely rip the design verbatum, but its thinking outside the box how can I use these already existing design schemes and firstly, make it into a website and secondly, have it serve some different type of purpose rather than just server browsing like it is in Counter Strike.
Anyone can take an existing design aesthetic and port it into any medium that they desire but the fun parts of the project is how can we make something useful whilst have it serve a different purpose? How would this video game menu look like if it was a website that sold ecommerce products? How would this website look like if it was a blog/personal container where you can submit images of your own personal life for others to look at and explore? These are the questions you need to be asking when working on these types of projects otherwise the project won't serve any meaning and you are just copying the design with no substance or meaning in there.
To summarize, the main server browser windows have been reconverted to server the initial purpose of the website. Portfolio websites have a project browser instead, ecommerce website has a product browser instead and finally, a blog post website, guess what browser it will have.
