suslicke.com
A developer's personal portfolio with a creative terminal-style interface and command-driven navigation.
- Next.js
- TypeScript
- Tailwind
- Terminal UI
Task
The client needed a portfolio that wouldn't get lost among template sites and would immediately convey the developer's level. We discussed the goal — to stand out while staying usable — the target audience, and which projects and skills mattered most to show first. We fixed the scope: the concept, the section structure, and a fast-loading requirement.
Solution
We designed navigation around a terminal-style command interface and built a working prototype straight in code, refining the look on a live version. We built the site on Next.js: command navigation (about, skills, experience, projects, contact) and an interactive hackme challenge. As we built, we showed progress and refined the interaction details.
Result
The outcome is a distinctive terminal UX that sticks in memory and sets the portfolio apart from typical solutions. Pages load fast, and the structure stays clear even for first-time visitors to a command interface.
Approach & decisions
The main challenge was balance: keep the striking terminal metaphor without scaring off a visitor expecting a familiar site. We added clear hints and fallback navigation so the command interface feels like a game rather than a barrier. We paid separate attention to performance so animations and interactivity wouldn't slow loading.
How we ran the project
- 01
Discussion & requirements
We get on a call with the client, map the goals, audience and constraints, and fix the scope of work.
- 02
Planning
We work out the structure, user scenarios and architecture, and choose technologies that fit the task.
- 03
Prototype in code
We build a working prototype directly in code and align the interface on a live version — not on static mockups.
- 04
Development
We write code in iterations, show progress regularly and keep the client in the loop.
- 05
Testing & launch
We test across devices and scenarios, then roll out to production.
- 06
Support & growth
We stay in touch, maintain the product and keep developing it further.
Technologies
- Next.js
- TypeScript
- Tailwind CSS
More cases
Want one like this?
Describe your project — we'll propose a solution, timeline and price, no fluff, no obligations.