Code Monkey home page Code Monkey logo

florians-site's Introduction

Florian - A designer and developer building digital products.

Started designing in 2013, learned coding in 2020. Now I'm here.

Currently: Building a product and doing design/coding experiments.

Location: Delft, Netherlands

Contact: personal website or Twitter/X


Florian Lettering

florians-site's People

Contributors

flornkm avatar turbobot-temp avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

florians-site's Issues

Nils Eller Feedback

The following are all small things i noticed, suggestions, things to think about :)

2023-11-27 at 19 22 07@2x

  • underline not centered

2023-11-27 at 19 22 40@2x

  • would try to keep font size consistent across the header and just play with weight + color for "Design Engineer"/ maybe even remove design engineer completely

2023-11-27 at 19 25 00@2x

  • feels slightly unbalanced due to different grey tones of "Florian" and Secondary button + button outline.

  • Suggestion: Maybe even removing the buttons completely as they have no significant value (about in header and everyone starts scrolling anyway)
    2023-11-27 at 19 43 54@2x

2023-11-27 at 19 51 10@2x

  • expected to open project on image+title click, not just read more

2023-11-27 at 19 53 34@2x

  • would reduce height, maybe even using this in the hero. Starting out with these recommendations -> This will be the main navigation:
    "Hi I am Florian, a designer and engineer - what can I do for you?" Clicking on "work" would take me to the work section etc.
    -> finetune model on your writing style + add custom elevenlabs voice clone of your voice (limit api requests per visitor)

2023-11-27 at 19 58 43@2x

  • decrease text input height for letters

2023-11-27 at 19 59 45@2x

  • keep digital products in one single line

2023-11-27 at 20 01 17@2x

  • love these details

2023-11-27 at 20 02 52@2x

  • text alignment and colors feel a bit chaotic - would simplify layout and unify colors here

2023-11-27 at 20 03 55@2x

  • expected this to be a slider as my brain was conditioned for a slider from the images on top

2023-11-27 at 20 04 28@2x

  • would stick to same height for music + movies covers

2023-11-27 at 20 05 31@2x

  • love these images on the grey background

2023-11-27 at 20 06 03@2x

  • would make these more prominent + add images of what to expect (side projects, playgroud...) as they are a nice indication of progress

2023-11-27 at 20 08 09@2x

  • maybe add colophon to top header as well so header + footer is consistent. This is a great page and shouldn't be hidden away imo

2023-11-27 at 20 07 27@2x

  • nice touch :)

Is it using ContentLayer?

Hi,
I found this site from the README of contentlayer repository. Is this website using contentlayer?

Julian Herbst Feedback

Main tasks:

  • Hero is empty (2. time someone mentioned it)
  • Make project images clickable (also second time someone mentioned it)
  • "digital Designer" copy mistake

Anton Stallbörger Feedback

hej hej, hier ein paar sachen die mir aufgefallen sind.

beim ersten mal laden ist die underline beim active state nicht zentriert. erst, wenn man drauf klickt passt es.

Screen.Recording.2023-11-26.at.17.11.26.mov

beim hover auf deinem namen hätte ich gedacht, dass man auf das tooltip klicken kann, weil da dein @ steht, kann man aber glaub nicht. zumindest schließt sich das tooltip direkt, wenn man runter geht.

Screen.Recording.2023-11-26.at.17.17.21.mov

das "desgin engineer" neben "florian" würde ich eventuell gleich groß machen wie deinen namen. so sieht es etwas unausgeglichen aus gerade. vielleicht gibt es auch eine andere bessere lösung.

Screenshot 2023-11-26 at 17 12 00

ich bin mir nicht sicher ob man das irgendwie fixen kann, aber hier sieht der border radius etwas komisch aus.

Screenshot 2023-11-26 at 17 12 36

ich fänds nice, wenn man auf das bild auch klicken kann, um auf die seite zu kommen. zumindest bin ich davon aus gegangen.

Screenshot 2023-11-26 at 17 13 14

eventuell das text input feld in den kasten rein packen oder etwas größer als den kasten machen.

Screenshot 2023-11-26 at 17 13 34

der button ist nicht ganz zentriert

Screenshot 2023-11-26 at 17 13 39

hier find ich den abstand zwischen den punkten etwas komisch

Screenshot 2023-11-26 at 17 13 46

wäre nice, wenn man seinen input zurück setzten könnte, falls man mit am desktop erstmal nicht klar kommt zu unterschreiben haha

Screenshot 2023-11-26 at 17 14 48

an sich nice, dass man hier hovern kann. bin mir aber nicht ganz sicher, ob das verwirrend sein könnte, weil man ja nichts auswählen kann.

Screenshot 2023-11-26 at 17 20 25

der share button wirkt ein bisschen verloren. eventuell irgendwo zum titel packen.

Screenshot 2023-11-26 at 17 21 22

der button text wirkt im vergleich zum button ziemlich klein. vielleicht nochmal die proportionen anpassen.

Screenshot 2023-11-26 at 17 22 41

das play icon sieht optisch nicht zentriert aus. das icon würde ich auch etwas kleiner machen.

Screenshot 2023-11-26 at 17 23 00

da sollte glaub eher ein , statt einem . hin.

Screenshot 2023-11-26 at 17 25 03

bei "niko tritschler" kommt man auf die seite von linus.

Screenshot 2023-11-26 at 17 25 41

allgemein super nice, vor allen das mit den letters find ich super nice. ich würde auf der start seite eventuell den weiteren content noch etwas anschneiden–oder irgendwie anders visualisieren, dass man weiter scrollen kann.

richtig stark gemacht. hoffe ich konnte etwas helfen :)

Samuel Kraft Feedback

Main tasks:

  • Hero section feels empty -> maybe include project
  • Links without href above contact section
  • Make project images clickable as the button is quite small

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.