Grecia Valero - UX Designer | ContraWork by Grecia Valero
Grecia Valero

Grecia Valero

UI/UX Design & Web Dev | WordPress, Shopify, 3D Integration

    $1k+
    Earned
    6x
    Hired
    5.00
    Rating
    67
    Followers
Followed by Kraig M, Ayaka F, and Kabir A

Caracas, Venezuela

WorkPostsProductsReviewsServicesAbout

Caracas, Venezuela

FOCUS TIME: ADHD-Friendly Productivity App Design & Development (UI/UX + React): https://focustimeisnow.netlify.app/ Repo: https://github.com/GVPV12/focus-time This app was made by me for the Contra 2026 Figma config makeathon. In the end, I produced the version with the original design (and I like this version more), and the version for the Makeathon was a prototype. Most productivity apps are built around one assumption: a clean list plus a timer equals done. That works if your brain reliably starts tasks, tracks time accurately, and finds a plain checkmark rewarding. For a lot of ADHD brains, none of those three things are reliable, so I designed and built a tool around a different assumption entirely. FOCUS TIME is a gamified, retro-vaporwave productivity web app where every feature has a specific behavioral reason behind it, not gamification for its own sake, and not another app quietly glorifying hustle culture. Health and rest are built directly into the scoring system: the Overall Score combines HP (Health Points) with MP (Magic Points, your work/rest/distraction balance), plus Strength, Motivation, and Wisdom. If HP and MP aren't balanced, the score doesn't look good, no matter how many tasks got checked off. The app won't reward burning yourself out to finish a list, and it won't reward rushing through one either: the scoring pushes back on the quantity-over-quality mindset that social media has normalized and rewards actually giving a task the time it needs. WHAT I DESIGNED & BUILT 🟡 A visual moodboard planning system (drag-and-drop images, stickers, notes, and a single task checklist), because externalizing a plan spatially works better for a lot of ADHD brains than a plain text list. 🟡 A focus timer with optional Pomodoro breaks and a body doubling mode, targeting time blindness and the real, research-backed boost from working alongside someone else. 🟡 A mood-tracking and honesty-check system feeding directly into the scoring engine. 🟡 A full gamified scoring system (HP/MP/STR/MOT/WIS/DET, power-ups, a hearts-based accountability mechanic) designed around immediate, visible reward instead of distant, abstract praise. 🟡 A complete retro/Y2K/vaporwave visual identity, designed end-to-end in Figma. This is an example of my skills in product design, UI/UX, and frontend development: from the original Figma design system through a full technical specification to a working app. To know more about my stack, visit my portfolio: https://grevaleart.com/ The stack underneath is React, TypeScript, Vite, and Tailwind CSS, with React DnD powering the drag-and-drop moodboard editor, React Router handling navigation, and Motion handling the UI animations.
5
12
276
Retrofuturism is on the rise! So I'm sharing this 3d model I created in Blender. https://contra.com/products/kek6q5kb-retro-sun-retrowave-synthwave-3-d-scene-animated-blender This high-quality environment features the iconic vaporwave sun rising over a stylized, digital synthwave landscape. Perfect for music videos, unique web designs, retro-inspired game levels, or vibrant motion graphics, this asset is designed to provide that nostalgic, futuristic "good vibe" immediately upon rendering. The scene is fully optimized for Blender and includes built-in animation to bring your neon world to life. Authenticity Guaranteed: This asset is 100% human-made. Every polygon, light setting, and animation keyframe was created by hand in Blender. No AI tools were used in the creation of this model, its materials, or its design. Technical Specifications Software Compatibility: Created in Blender (fully compatible with current and legacy versions). File Format: .blend (Native, industry-standard format). Model Type: Animated Environment / Retro 3D Prop. Visual Style: Synthwave, Vaporwave, Retrowave (80s Neon Aesthetic). Optimization: Expertly crafted for a balance between visual impact and render efficiency. Recommended Use Cases Motion Graphics: An essential asset for synthwave music visualizers, YouTube intros, or retro-tech promos. Game Development: Perfect as an immersive background or main environment for retro-futuristic game projects. Web Design or Artistic Rendering: Ideal for creating stylized concept art or high-energy digital wallpapers. In case you only need the model, Blender is a free software that lets you export in different formats: FBX (.fbx): Best for game engines (Unity, Unreal) and general exchange with other 3D software. glTF 2.0 (.gltf, .glb): Lightweight format ideal for web browsers, AR, and real-time engines. Wavefront (.obj): Simple geometry format with wide baseline compatibility. STL (.stl): Standard format used for 3D printing (geometry only, no colors). Stanford PLY (.ply): Great for point clouds and 3D scan data with vertex colors. Universal Scene Description (.usd, .usdz): Modern pipeline format for large scenes and high-end exchange. Alembic (.abc): Used for transferring complex animated geometry and simulations. Collada (.dae): Legacy XML-based 3D asset exchange format. X3D (.x3d): Interactive 3D web graphics format.
1
311
Recently I published another high-quality bundle of 3D models with animations included, available to purchase in my profile. This 3D model can look good as an AI assistant or a robot assistant that responds to your questions or prompts. Also can look good in any website hero or design. Purchase it here: https://contra.com/products/OsuuVLIr-blue-energy-sphere-bundle-with-animation-blender-3-d-model Why Choose This Bundle? Variety: Get 4 different styles in one convenient package to suit various project requirements. Plug & Play: Ready for immediate use in your scenes. Just append the assets, and they are ready to render. Professional Quality: Expertly crafted to add a high-end, polished energy aesthetic to your work. This professional 3D collection features four distinct variations of high-energy, glowing spherical assets, all featuring integrated, seamless animations. Designed for versatility and high-impact aesthetics, these energy spheres are perfect for sci-fi environments, fantasy magic effects, futuristic UI elements, or as stunning focal points in your motion graphics projects. Product Specifications Software: Created in Blender (fully compatible with current versions). Package Contents: This bundle includes 4 unique variations of the Blue Energy Sphere. Format: .blend (native files). Animation: All 4 versions come with pre-configured, fluid, and looping animations. Materials: Optimized for glowing energy effects. No external textures required; procedural setups ensure a clean and scalable look. Geometry: Optimized for performance without sacrificing visual fidelity. Recommended Use Cases Sci-Fi & Fantasy: Ideal for game magic effects, power cores, or ambient environment assets. Motion Graphics: Use these spheres as dynamic elements in advertising, intros, or abstract animations. UI/UX Design: Perfect for futuristic dashboard elements or loading icons.
3
397
Recently I publish this 3D model on my profile, available to purchase at https://contra.com/products/Dgq2kgWf-3-d-retro-futuristic-neon-triangle-tunnel-animated-blender-file Inspired by 80s synthwave, retrowave, and vaporwave aesthetics, this environment prop creates an infinite, pulsating tunnel effect perfect for music visualizers, sci-fi backgrounds, or creative motion graphics. The asset is designed as an "animated loop," allowing you to seamlessly integrate it into your videos or 3D scenes without any frame-rate stutter. Whether you are building a retro-tech game level or a vibrant music video backdrop, this tunnel adds instant depth and energy to your composition. Authenticity Guaranteed: This asset is 100% human-made. Every polygon, light effect, and animation keyframe was created by hand in Blender. No AI tools were used in the creation of this model, its materials, or its design. There are two versions, a glow version and a non-glow version; both are neon. To turn off the glow, go to the Compositing workspace, check Use Nodes, and either delete or mute the Glare node connected to your node tree. If there are no nodes, create new nodes if you want the glow effect; sometimes this effect may not work depending on your Blender version. Key Features & Technical Specifications Ready to Render: Fully optimized for Blender (compatible with Cycles and Eevee). Animated Loop: Includes a seamless, loopable animation sequence for endless playback. Vibrant Aesthetics: High-contrast neon materials designed for a classic "Retrowave" look. Performance Optimized: Clean geometry ensures smooth performance even in complex scenes. Versatile Scale: Can be easily adjusted to fit different environment sizes or camera perspectives. Recommended Use Cases Motion Graphics: An essential asset for synthwave music visualizers, YouTube intros, or dynamic social media promos. Game Development: Ideal for sci-fi "speed" levels, tunnel transitions, or futuristic corridor environments. Web Design or Artistic Rendering Design: Perfect for creating stylized concept art or high-energy digital wallpapers.
1
318