KOSHI’s Digital Namecard
(Koshi jpn Ver.2)
Genre : Self-introduction Website / Portfolio Website
Period of Time : 1 month
Development : HTML/CSS/JS/JQuery/PHP
Name card project started with the goal of creating a personal introduction website. Through the deliberate use of code over an extended period, I gained a deeper understanding of website development. The design is intentionally simple, yet meticulous details were added to specific elements to ensure the site is engaging despite its minimalistic appearance.
To achieve a simple yet impactful screen, I initially created a design featuring an embedded video with a consistently present logo. The video background provides a visual understanding of Koshi’s activities, effectively capturing attention and enhancing the overall appeal.
Goal
The goal of this site is to create a business card or resume-like platform that, when shared, prompts people to search “koshijpn.com” and discover more. When acquaintances or users recall the site, it serves as a comprehensive resource to understand what Koshi is currently involved in and showcases a condensed overview of his activities and projects.
Approach
In pursuit of an extremely simple aesthetic, I chose to develop the site using code exclusively, deliberately avoiding platforms like WordPress. The current structure consists of just two pages, eliminating any unnecessary elements. Yet, it provides clear answers to questions about what Koshi is doing and what he is capable of. The “Works” section on the cards sparks curiosity, prompting those interested to explore further by accessing virtual pages like “photo.koshijpn.com.”
Results
As a result, this site, simple yet impactful with subtle animations, effectively communicates Koshi’s identity. Reflecting on the project, I acknowledge areas for improvement that I aim to address and refine in future updates. The ongoing process of implementing these reflections will contribute to the continued evolution and effectiveness of the site.
In a simple yet clear categorization, a clickable list reveals everything about Koshi—his skills, journey, and when he started each venture. Interestingly, the age section has a JavaScript feature, automatically updating with each passing birthday, and even the footer’s “20xx” changes after January 1st. This design ensures the site requires minimal maintenance over time.
The “Works” section, displayed on cards, keeps information minimal, encouraging users to visit each site through QR codes or addresses with brief introductions that appear on hover. Similar to a business card exchange, Koshijpn’s main page avoids extensive explanations, leaving detailed content and portfolios for exploration on individual pages. This approach maintains simplicity while directing attention to the specific projects.
Home
