It’s been a minute since my last post here on Contra.
While my main focus usually lives in photo editing and digital design, I was digging through the archive recently and thought it’d be fun to share a couple of branding projects from the past:
Slide 2: Choku Ladies Boutique identity and mockups (2 years ago)
Brand identity isn't my everyday lane, but tackling projects like these taught me a lot about visual consistency across different mediums. I’d love to hear your thoughts or see any feedback from fellow designers. Great to connect with the community again.
Description:
A clean, friendly landing page for tiiny.host, the easiest way to put a file online and share it with a link.
The goal was to make the product feel as simple as it actually is. The upload box sits right in the hero, so visitors can drag in a file and get a live link without scrolling or signing up first.
What I focused on:
1. Upload-first hero with a clear “Upload a File” action and file type tabs (Docs, Images, Code, Samples)
2. Hand-drawn illustrations and script accents to keep the tone light and approachable
3. Social proof up top: 500K+ users and logos like Salesforce, Nestlé, and Square
4. Soft sky gradient and plenty of breathing room so nothing feels technical or intimidating
The hand-drawn illustrations with the script accents are what make this landing page special, Dante. They keep a file-hosting tool feeling light and approachable instead of technical, which is exactly the tone the upload-first hero needed.
Sunny Rock — Cinematic Paris Travel Website | Creative Web Development
Experience Paris through Sunny Rock, a cinematic travel website concept designed to combine immersive visuals, elegant UI/UX, and interactive scrolling into a premium digital experience.
This self-directed project explores modern web design through cinematic imagery, scroll-driven animations, glassmorphism, smooth transitions, and responsive layouts.
🛠️ Technologies & Skills
HTML5 & CSS3 — Semantic structure, modern styling, and responsive layouts
JavaScript (ES6+) / TypeScript — Interactive behavior and animation logic
React.js — Reusable components, hooks, and state management
Tailwind CSS — Utility-first styling and responsive design
HTML5 Canvas API — 2D rendering for visual effects and image sequences
Scroll-Driven Animation — Frame-by-frame image sequences synchronized with scrolling
requestAnimationFrame & Linear Interpolation (Lerp) — Smooth animation updates