Madly Luv

Novo design, novos conceitos

Caraca, até eu estava ansiosa para voltar a ver o Madly Luv no ar. Depois de mais de um mês fora do ar, percebi que ele faz muita falta. Nem preciso postar assiduamente, só de ver a cara dele sempre me fez bem. E depois de um ano, finalmente mudei sua identidade visual. E acredite, a aparência simples neste design não quer dizer que seu desenvolvimento também foi.

Fonte da imagem (we♥it)

Este foi o tema mais difícil que já fiz em toda a minha trajetória no desenvolvimento web. O que tem de funções por aqui para abandonar os plugins não é brincadeira. Fiquei cerca de dois meses pesquisando e estudando para conseguir fazer este tema atingir cerca de 80% do que eu queria. E ainda falta muita coisa nele. São detalhes relevantes, mas eu queria voltar com o blog de qualquer forma!

Eu espero que você goste do novo layout. De inicio não era para ter estes vetores no topo ou no rodapé. Fui decidir colocar só a 4 dias atrás. Antes eu pensada em ter um layout completamente limpo, sem muito nhenhenheim, mas eu acabei me apaixonando pelos desenhos e não pude deixar de usa-los. Acabei que remeti um pouco à minha identidade anterior, e percebi que não posso negar ao meu estilo, hehe. Mas está valendo, não é?

A ideia inicial era para apresentar este novo layout em um vídeo. Juro que gravei um (até dois!), hehe. Mas a potoca que eu comecei a falar no vídeo passou de mais de 10 minutos e acabei enrolando tudo, não falando nada do que eu queria 😭 Por isso achei melhor escrever por aqui mesmo.

Conteúdo

De uns tempos para cá, se você é leitor do blog mais de um ano e meio, deve ter percebido o tanto que o Madly Luv tem mudado o seu conteúdo. Antes eu comentava bastante sobre o meu dia-a-dia (era mais quando eu estava no cursinho, lembra?), e depois foi passando mais para artigos de opinião e compartilhamento de informações sobre livros, arte e design, séries, etc.

Eu sei que alguns antigos leitores se queixam do Madly Luv não ser mais como antes. Eu encaro o Madly Luv como um organismo vivo, que tem picos de alegria e de tristeza, hehe. Um blog é reflexo de quem o escreve. Será que sou realmente a mesma pessoa que escrevia neste blog a um ou dois anos atrás?

Eu venho falando raramente sobre minha vida pessoal, e percebi que isso tem me feito bem. Estou gostando muito mais de postar sobre coisas diferentes do que falar sobre como anda a minha vida.

Enfim, chega de enrolação e vamos falar mais sobre as novidades deste layout. ;D

Navegação

Eu queria fazer algo diferente para orientar o leitor em sua navegação pelo blog. Fiz questão de deixar bem claro o conteúdo e dividir em dois menus diferentes: páginas e categorias principais. Cada categoria, página, tag, ou artigo clicado, o seu menu representante ficará ativo, orientando o leitor a saber qual área ele está no blog.

Leitura

Na página do artigo único, eu resolvi colocar os posts relacionados e informações sobre ele na coluna lateral, poupando espaço e diminuindo a barra de rolagem, dando margem aos comentários do facebook e do wordpress. Sem contar que resolvi ocultar alguns conteúdos na sidebar no momento de leitura do post, deixando apenas o necessário, evitando o desvio da atenção do leitor. A fonte do artigo também aumentou para facilitar a leitura (acho que não era só eu que espremia os olhos ao ler alguma coisa no blog, né?)

Comentários e compartilhamento

Eu sei que muitos leitores tem preguiça de comentar, porém não deixam de acompanhar os artigos do blog. Quer comentar algo rápido mas só de olhar o form de comentário dá fadiga, hehe. Por isso, implementei os comentários via facebook, super útil e poupa tempo — além de ajudar a compartilhar o conteúdo com todos os seus amigos do face e facilita os replies, aee! Falando em compartilhamento, agora tem como compartilhar o artigo no facebook, além do simples botão de curtir. ;D

Pesquisa

Grande parte dos usuários se limitam a buscar o conteúdo apenas por imagens e títulos (isso não é errado, é natural!), por isso foi implementado thumbnails — nunca existente no blog, e agora tem graças a este tutorial da Dani (obrigada!) — porque as imagens utilizadas no blog, nunca são hospedadas por aqui, sempre em um servidor free para não ocupar espaço daqui do blog que já é bem limitado 😖

Este post foi divido em partes:
12

Comentários

  • May

    Nossa amiga, ficou muito bom o ML! Eu estou urgentemente precisando mexer no Tagarelando, mas cadê meu tempo pra estudar e pesquisar coisas novas, mais simples e úteis pro blog? Tô de férias, mas ao mesmo não estou, pois não descansei um minuto ainda, hehe!
    Saudades de você!

    Beijinhos,
    May ;*

  • Isabella

    Ficou lindo demais, Ana.

    Sério mesmo, tudo no ML ficou bem feito e organizado, adorei cada detalhe. As cores ficaram fofas, e eu apaixonei nos detalhes das barrinhas que são de duas cores, nos thumbnails (eu tenho uma séria paixão por isso), parabéns pelo trabalho e vi que o esforço e o tempor gasto foram bem aproveitados.

    A vários meses eu penso em fazer algo mais simples sem tantos detalhes (sem aaquele tanto de imagens) e investir mais na área de acessibilidade e praticidade, mas só consigo fazer quando é para os outros, eu sempre invento uma coisa, ou acho uma imagem e ai todo o plano vai por água abaixo. A verdade é que eu já estou é cansada do Sonorus, do nome e de algumas coisas.

  • Cami

    Eeee adorei o novo tema! Adoro detalhes, por mais mínimos que sejam. E imagino o trabalho que deve ter dado, principalmente a ideia da "descrição" do post (autor, tags, etc) ficar na sidebar!
    Parabéns (:

  • Camila

    Ficou lindo, pra variar. rss
    até hoje eu não existiu nenhuma lay sua que eu não tenha gostado.
    Gosto muito do jeito que escreve, qualquer assunto que seja,
    desperta sempre interesse.

  • Renata

    UAU!!! Realmente esse tema ficou show de bola! Lindo demais mesmo.
    Os vetores são fofos e é bem a sua cara. Por mais que você tente mudar, sempre vai ter aquele toquezinho que é seu estilo e não tem como fugir.
    Parabéns pelo trabalho! A tendência é você melhorar mais e mais!
    ;*

    ps: e vê se não some!

  • Jaque

    Adorei o design, ficou muito lindo!
    Gostei bastante dos vetores, ainda bem que você resolveu colocá-los :)
    xoxo

  • Thaís Cristine

    Finalmente!
    Amiga, eu já tinha visto um pouco como tinha ficado (fui privilegiada,gente…sorry), mas ver ele no ar, no blog, é outra coisa.
    Você se superou dessa vez! Mas também né, 3 anos estudando design! haha. Mudei de theme favorito, lembra, o meu favorito era o da maçãzinha, mas agora é esse, *–*.
    Tem certas coisas que não mudam, eu particularmente prefiro com esse vetor, tem mais 'Ana Flávia' com ele .
    Bom, desejo todo sucesso do mundo pro seu blog e pra você, acompanho o madly luv desde quando era zip.net, com layouts do harry potter ou aqueles cheios de shapes, haha. E você né amiga, vejo você batalhando pelo seu sonho, fazendo cursinho, estudando muito.
    PARABÉNS, prima.
    Agora falta eu tomar vergonha nessa cara e voltar com o meu =/, mas também estou trabalhando nisso e logo logo volto.

    Beijos.

  • Manu Sampaio

    O design ficou muito lindo, parabéns! Amei os detalhes. Que o blog continue fazendo um grande sucesso! ;D

    Beijos!

  • Lilian Britto

    Oi Aninha!! Ah, está lindo!!! Os layouts mais simples são os mais difíceis mesmo de fazer. É bem mais fácil baixar "trocentos" plugins do que substitui-los por funçãos né?
    Quando vc disse q o lay seria sem nhenhenhen, eu fiquei até triste, essa é a identidade do Madly Luv, com ilustrações! Ainda bem que vc tbem percebeu e manteve seu estilo 😊
    Muita saudade de vc e do seu bloguito lindo! Bem vinda de volta :)
    Beijocas, lindo final de semana =*

    @morenalilica

  • Jana

    Preciso mesmo dizer que eu adorei?! Acho que não, né? Cê sabe que eu (e todo mundo) estava morrendo de curiosidade e digo que a espera valeu muito a pena! O blog está mais limpo e bem fácil de ver os conteúdos. Adorei os menus lá em cima! Fora as cores, né! Adoro esse azul meio verde e o verde-mostarda.

    Beijos, parabéns pelo novo visual liiindo e seja bem-vinda de volta! o/

Veja mais comentários:
1 2 3
ir ao topo