10 CV stron internetowych wykonanych za pomocą Divi

Opublikowany: 2017-11-18

Życiorysy to popularny rodzaj osobistych stron internetowych. Świetnie nadają się do prezentowania swoich umiejętności, wykształcenia i doświadczenia potencjalnym klientom i pracodawcom. Na szczęście istnieje wiele stron z CV stworzonych za pomocą Divi, które pomogą pobudzić Twoją wyobraźnię. W tym artykule przyjrzymy się 10 przykładom stron CV stworzonych za pomocą Divi.

Niezależnie od branży, strony z CV muszą prezentować ten sam rodzaj informacji i wymagają funkcji. Jak pokaże te 10 stron internetowych – jest więcej niż jeden sposób prezentowania tego samego rodzaju informacji. Są również świetnymi przykładami elementów projektowania stron internetowych, takich jak układy, kolory, czcionki, informacje kontaktowe, rodzaj informacji, które należy uwzględnić i sposób ich prezentacji, obrazy, efekty, nawigacja itp. Te witryny z pewnością pobudzą Twoją wyobraźnię. pomysły na kolejną stronę internetową z CV Divi.

Te 10 stron internetowych mieści się w dwóch kategoriach. W ramach tych kategorii nie są one w określonej kolejności. Mamy nawet bonus na końcu – darmowy układ CV, który pomoże Ci stworzyć własną stronę CV z Divi. Spójrzmy…

Witryny CV

W przypadku tych witryn same witryny są życiorysami. Chociaż niektóre mają wiele stron, większość to witryny jednostronicowe, bez żadnych innych informacji.

1. Weldona Fultza

Weldon Fultz wykorzystuje w całym serwisie kolory ziemi, a także dużą typografię i dużą ilość białych przestrzeni. Tekst, który można kliknąć, staje się przyciskami z efektami cienia po najechaniu kursorem. Podczas przewijania pojawia się duży tekst, aby wyświetlić powiązane słowa kluczowe. Umiejętności są wyświetlane na wykresach słupkowych z dużymi blokami ikon. Nagrody są klikalne i wykorzystują efekty najechania. Strona doskonale wykorzystuje kolorystykę i typografię.

Zobacz stronę internetową

2. Jack McDowell

Jack McDowell używa motywu potomnego Hello i wyświetla kinematografię jako nagłówek tła wraz z kontaktem wezwania do działania i przyciskami śledzenia społecznościowego. Informacje O mnie są umieszczone w lewej trzeciej części strony w kolorze ciemnoniebieskim, podczas gdy reszta strony wyświetla informacje o CV na osi czasu na jasnobrązowym tle. Sekcje podzielone są na stanowiska/umiejętności, szkoły/nagrody i kończą się CTA do pobrania. Projekty są wyświetlane w pełnoekranowych siatkach portfolio i pełnoekranowym suwaku oraz pełnoekranowym suwaku referencji z separatorem sekcji. Formularz kontaktowy wykorzystuje kolory firmowe serwisu.

Zobacz stronę internetową

3. Andre Costa

Andre Costa stosuje wielostronicowe podejście do tworzenia CV. Strona główna wyświetla logo na gradientowym tle i ikonę menu hamburgera, która otwiera menu pełnoekranowe. Informacje o karierze i edukacji są wyświetlane na osobnych stronach jako tekst w dużych sekcjach, które zawierają jasnobrązowe i jasnofioletowe kolory tła, aby pomóc im się wyróżnić. Inne informacje znajdują się w klikalnych oknach wyskakujących. Edukacja pokazana jest za pomocą eleganckich wykresów słupkowych. Strona Edukacja zawiera klikalne karty dotyczące przeszłej, obecnej i przyszłej edukacji.

Zobacz stronę internetową

4. Domonique Baul

Domonique Baul używa motywu potomnego Hello z obrazem tła, nazwą i sloganem. Projekty są wyświetlane w filtrowalnym portfolio. Poniżej znajduje się sekcja ze zdjęciem w lewej jednej trzeciej ekranu z informacjami i wykresami słupkowymi do wyświetlania umiejętności. Oferty pracy, umiejętności, szkoła i nagrody są wyświetlane w odpowiednich dwóch trzecich, co prowadzi do dużych ikon Git Hub, LinkedIn i linku do CV do pobrania. Formularz kontaktowy jest wyświetlany na obrazie tła.

Zobacz stronę internetową

5. David Somerfleck

David Somerfleck wyświetla wideo na pełnym ekranie za niebieską nakładką z dwoma przyciskami CTA. Przewijanie ujawnia cztery duże ikony służące do nawigacji po różnych sekcjach witryny. Referencje są wyświetlane z przełącznikami i modułami referencji. Informacje o CV są również wyświetlane w przełącznikach Informacje, Edukacja i Zajęcia pozalekcyjne, które są umieszczane nad filmem w tle. Umiejętności są wyświetlane na okrągłych wykresach. Witryna korzysta z nawigacji punktowej, a nie z menu. Firmy są wyświetlane jako duże ikony, a projekty są wyświetlane w suwaku projektu. Większe projekty pojawiają się w dwukolumnowej sekcji na dole witryny podczas przewijania.

Zobacz stronę internetową

Witryny z CV

Witryny te zawierają życiorysy jako pojedynczą stronę w witrynie.

6. Amanda Broomell

Amanda Broomell używa pełnoekranowego suwaka obrazu jako strony internetowej. Menu znajduje się na dole ekranu. Kliknięcie dowolnego elementu menu otwiera te informacje w oknie modalnym. Zawiera również ikonę Twittera w menu, która zgodnie z oczekiwaniami prowadzi do jej kanału na Twitterze. CV wyświetla tabelę w zakładkach. Pierwszy zestaw kart zawiera teatr, szkolenie, umiejętności oraz ikonę do pobrania CV. Zakładka teatr zawiera zakładki na stołach dla Nowego Jorku i Międzynarodowego. Obrazy nadal przesuwają się w tle.

Zobacz stronę internetową

7. Rolph Lieverse

Rolph Lieverse wyświetla każdy z elementów CV w różnych sekcjach za pomocą różnych modułów i zachowuje strukturę CV. Podsumowanie jest umieszczane w module referencji. Doświadczenie zawodowe prezentowane jest w module zakładek za pomocą pionowych zakładek z informacjami wyświetlanymi jako punktory. Szkolenia i certyfikaty są prezentowane na przełącznikach. Umiejętności są wyświetlane w postaci wykresów słupkowych na obrazie tła, a następnie języków na wykresach kołowych na obrazie tła z separatorem sekcji. Hobby są wymienione w wypunktowaniach na dole.

Zobacz stronę internetową

8. Haris Cizmic

Haris Cizmic używa sekcji do zbudowania struktury CV. Po jednej stronie wyświetla ikony nagród i firm, a po drugiej linki. Poniżej znajduje się podsumowanie, doświadczenie zawodowe z wykształceniem i zainteresowaniami w ramach pudełek oraz sekcja z wyróżnieniami i nagrodami. Każda z sekcji jest oddzielona polami tekstowymi o pełnej szerokości, używanymi jako nagłówki w kolorze czarnym z białym tekstem. Informacje prezentowane są w postaci prostej, ale czytelnej listy. Ikony nakładają się na kilka sekcji.

Zobacz stronę internetową

9. Marwan Salfiti

Marwan Salfiti wymienia pozycje życiorysu w wypunktowaniach pod tytułami sekcji w kolorze pomarańczowym. Podsumowanie jest wyświetlane większą czcionką i obejmuje cały obszar tekstu. Kolejne sekcje tekstu są podzielone na dwie kolumny: lewa kolumna wyświetla punktory i długie opisy w kolumnie 2/3, a prawa kolumna wyświetla proste punktory w kolumnie 1/3. Jest prosty, przejrzysty i łatwy do odczytania.

Zobacz stronę internetową

10. Kellee Santiago

Kellee Santiago zaczyna się od sekcji ze zdjęciem i zawiera trzy przyciski CTA w markowych kolorach. Przyciski prowadzą do projektów, doświadczenia i formularza kontaktowego. Poniżej znajduje się skrócone CV z pogrubionymi nagłówkami i informacjami zawierającymi linki w tym samym kolorze czerwonym. CV jest skrócone, ale jest przejrzyste i proste, a mimo to zawiera wystarczającą ilość informacji, aby potencjalni pracodawcy mogli podjąć decyzję.

Zobacz stronę internetową

Stwórz własną stronę CV z Divi

Elegant Themes ma bezpłatny układ, którego możesz użyć do stworzenia własnej witryny z CV. Zawiera trzy różne układy, aby utworzyć witrynę jednostronicową i zapewnić potencjalnym pracodawcom zdjęcie, łatwe do odczytania CV i linki do projektów.

Zobacz bezpłatny układ

Końcowe myśli

Te 10 witryn Divi i 1 darmowy układ to świetne przykłady witryn z CV. Niezależnie od tego, czy potrzebujesz inspiracji dla układów, kolorów, czcionek, obrazów, informacji kontaktowych, rodzaju informacji, które należy uwzględnić, jak zaprezentować swoje CV, nawigację, efekty itp., z pewnością znajdziesz tu coś, co pomoże Ci przy następnym projekcie Divi dla wznowić strony internetowe.

Chcemy usłyszeć od Ciebie. Który z tych projektów CV jest Twoim ulubionym? Daj nam znać w komentarzach.

Polecane zdjęcie za pośrednictwem hvostik / shutterstock.com