Rawlings Garden Care

Rawlings Garden Care

▽

Project overview

Rawlings Garden Care needed a digital presence that reflected their reliability, professionalism, and local charm. The goal: a responsive site that converts casual browsers into loyal clients, while feeling approachable and grounded.

My role

I led the front-end implementation, SEO tuning, and conversion strategy. The design emphasizes clarity, warmth, and accessibility—no frills, just thoughtful UX.

Process Highlights

  • Responsive layout tailored to mobile-first users
  • SEO optimization for seasonal and local search terms
  • Strategic CTA placement to guide user flow
  • Calming color palette and soft textures to evoke trust

Challenges and Solutions

Balancing simplicity with conversion: the site needed to feel clean and approachable, but still guide users toward booking services or making inquiries.

Solution: I introduced subtle hover effects and micro-interactions to keep the experience engaging without overwhelming. These cues help users navigate confidently, reinforcing trust while supporting clear calls to action.

Tools

HTML, CSS, JavaScript

Mythroot games

Mythroot Games

▽

Project overview

Mythroot Games is a fictional indie studio concept I created to explore genre-blending UI and narrative-driven layouts. The site evokes a sense of mystery, magic, and modular storytelling.

My role

Full front-end development and creative direction. I treated this as a sandbox for experimental layouts, tactile textures, and lore-infused UX.

Process Highlights

  • Interactive homepage with lore fragments and scroll-based reveals
  • CSS grid and animation to mimic mythic unfolding
  • Calming UX features for emotionally intense content
  • Visual language blending folklore with glitch aesthetics

Challenges and Solutions

Creating genre contrast without visual conflict: the site needed to feel grounded in folklore while still showcasing modern front-end precision. I wanted the experience to evoke mythic depth without slipping into visual clutter.

Solution: I blended earthy, organic motifs—like textured backgrounds and rune-inspired accents—with crisp digital elements, including sharp grid layouts and smooth transitions. The result is a layered interface that feels both ancient and intentional, inviting users into a world that’s tactile yet technically refined.

Tools

HTML, CSS, JavaScript

fantasy author

Eria Thorne

▽

Project overview

This site was built for a fantasy author seeking an atmospheric, immersive space to showcase their work. The brief: evoke the tone of their stories while keeping the site clean and navigable.

My role

Custom-coded the front-end, designed the layout, and implemented accessibility features. The site balances narrative depth with practical clarity.

Process Highlights

  • Homepage designed as a story gateway
  • Layered backgrounds and subtle animations to evoke mood
  • Mobile responsiveness without losing atmosphere

Challenges and Solutions

Evoking fantasy without falling into cliché: many genre sites lean heavily on dragons, scrolls, and sepia tones, which can feel dated or overly theatrical. I wanted this site to feel immersive and literary without relying on tired tropes.

Solution: I used subtle genre cues—rune-inspired dividers, poetic transitions, and layered textures—to suggest depth and magic. The layout remains clean and modern, allowing the author’s voice and worldbuilding to take center stage.

Tools

HTML, CSS, JavaScript

fantasy author

Jessies Cafe

▽

Project overview

I custom-coded the front-end using HTML, CSS, and JavaScript, focusing on responsive layout and intuitive navigation. I designed the visual structure to feel soft and inviting, with muted tones and clean typography. Accessibility was a priority throughout—ensuring that all users could easily browse the menu, explore seasonal drinks, and understand the café’s offerings

My role

I custom-coded the front-end using HTML, CSS, and JavaScript, focusing on responsive layout and intuitive navigation. I designed the visual structure to feel soft and inviting, with muted tones and clean typography. Accessibility was a priority throughout—ensuring that all users could easily browse the menu, explore seasonal drinks, and understand the café’s offerings.

Process Highlights

  • Homepage structured like a digital welcome mat—clean, centered, and informative
  • Seasonal drinks page designed to feel like a rotating feature wall
  • Mobile responsiveness without losing atmosphere
  • Reusable components for easy expansion (e.g., adding new drinks or menu items)

Challenges and Solutions

Avoiding generic café aesthetics: Many hospitality sites lean heavily on rustic wood textures, coffee beans, and scripted fonts. I wanted Jessie's Café to feel fresh and modern without losing its cozy appeal.

Solution: I used a muted grey palette, simple grid layouts, and clear text hierarchy to create a sense of calm. Repeated navigation links and consistent page structure help users feel oriented, while subtle genre cues (like seasonal drink highlights) add personality without clutter.

Tools

HTML, CSS, JavaScript