Experiential Web Design for Tokiers - Tokio School
Web Guru Awards Site of the day
Personalized web experience with a tech-inspired neon aesthetic.
Web Guru Awards Site of the day
Case study
Design and development for the Tokiers website, aimed at dynamically showcasing the students of the digital tech school Tokio School.
Year
2021
Client
Tokio School
Experiential Website for Tokio School
With the goal of creating a unique and immersive user experience for both new and existing users, a custom dynamic website was designed and developed that meets all of Tokio School’s objectives to showcase their students and their work. We worked from the start with a clear brief, crafting web usability that enhances the experience with glitch effects, movements, hover actions, and a darker theme reminiscent of a website backend, video games, and the signature pink neon lights atmosphere characteristic of Tokio School.
Project Methodology
01
/06
We Talk With You
We hold an initial meeting to learn about your project, listen to your needs, and understand your goals. We analyze the starting point, address any questions, and establish the foundation for a close, transparent, and effective collaboration.
02
/06
We Plan the Strategy
Based on the information gathered, we define a work strategy tailored to your project. We set priorities, phases, timings, and objectives to ensure the development progresses in an organized, efficient way and stays fully aligned with you.
03
/06
Structure, Wireframes, and Design
Before moving on to the final design, we organize the user experience through wireframes and visual proposals. We define the architecture, navigation, and content layout to create a website that is clear, attractive, and easy to use.
04
/06
SEO and Digital Marketing From the Start
We integrate a strategic perspective from the very first phases of the project. We work on the structure, content, performance, and technical aspects needed for the website to be ready to rank, convert, and grow from day one.
05
/06
Testing, Launch, and Technical Support
Before publishing, we review technical functionality, responsive adaptation, forms, speed, and all key website elements. Once validated, we execute the launch and provide support to address adjustments, questions, or later needs.
06
/06
Monitoring, Analysis, and Growth
After launch, we analyze website behavior and identify opportunities for improvement. We review data, performance, and objectives to continue optimizing the project and support its growth as your business evolves.
- R 28 · G 35 · B 60 #1C233C
- R 249 · G 101 · B 127 #F9657F
- R 1 · G 220 · B 162 #01DCA2
CIRCULAR STD
The Circular Std typeface has been used to cover the entire web project, a powerful, modern and minimalist typeface. Designed by Lineto in Switzerland, it is known for its clean and legible design. It is versatile and adaptive, used in publications, websites and mobile applications. It consists of eight weights, including a version for display with thicker strokes and another for text with thinner strokes. This font is valued for its ability to convey a modern and sophisticated style in different graphic and editorial design contexts.
What our clients say
“Nos ayudaron con el rediseño y migración de nuestra web. Era un proyecto enorme y bastante complejo, pero conseguimos juntos que todo saliera genial. Grandes expertos, que sepan tanto de SEO como de diseño web UI y UX es fundamental y lo que realmente necesitas si quieres hacer una gran web.”
