Oldal megtekintése

Scriptide UI design

A Scriptide egy web- és mobilfejlesztési szolgáltatásokat kínáló cég, ahol az elsőszámú feladat egy jól átlátható és magas színvonalú weboldal tervezése (UI Design) volt. Ezt megelőzte egy arculat tervezés, ahol is megszületett a logó és a színvilág is.

Scriptide Landing weblap szolgáltatások számítógép képernyőn megjelenítve, háttérben zöld tech neon fények

Weboldal animáció

A landing oldalon egy “image sequence” animációt használunk, hasonlóan az Apple weboldalához. Az egyes képkockákat optimalizáltuk, hogy a betöltés minél gyorsabb legyen. Több mint 300 képkockából áll össze a teljes animáció.

A branding alapok

Az alábbiakban többféle logó variáció látható, többek között egy játékos 3D vonal is. Emellett megtekintheted a weboldalhoz használt szín palettát is.

Scriptide logó variációk
Scriptide weblap színpaletta

Szolgáltatás szekció

Ennél a résznél az összes szolgáltatás látszik, de csak az aktuálisan aktív elem képe jelenik meg, így könnyebben azonosítja az adott szolgáltatást a felhasználó.

Szolgáltatás részletek

Egyben látható “grid” nézetben az összes szolgáltatás kártya, alább pedig a hozzájuk tartozó 3D képek nézhetőek meg külön-külön.

Scriptide szolgáltatás képernyők UI design

Webfejlesztés

Web fejlesztés szolgáltatás egyedi 3D látványterve

Mobil applikáció fejlesztés

Mobil fejlesztés szolgáltatás egyedi 3D látványterve

Backend fejlesztés

Backend és adatbázis szolgáltatás egyedi 3D látványterve

Design

Design szolgáltatás egyedi 3D látványterve

Adattudomány

AI és data science szolgáltatás egyedi 3D látványterve

Mobil design

Minden weboldal számára kulcsfontosságú a mobiloptimalizálás, hiszen a felhasználóknak kényelmesen kell tudniuk böngészni és kezelni az oldalt a kisebb képernyőkön is. Ezért fontos, hogy a weboldalak átláthatóak és könnyen kezelhetőek legyenek kisebb méretű eszközökön is.

Scriptide mobil weboldal tervek zöld grafikákkal és sötét háttérképpel
Mobil UI design 3D képekkel
Scriptide mobil weboldal tervek 3D zöld grafikákkal és sötét háttérképpel

Egy egyszerű carousel mutatja be a Scriptide-dal való az együttműködés előnyeit.

Az összes szolgáltatás kép külön-külön

1. Spark the Idea

3D tech és sci-fi grafika neon zöld világítás sötét háttérben

2. Visual & Architectural Design

3D tech grafikai - design és tervezői ikonok - fogaskerék, számológép, ceruza, festék

3. Prototyping Underway

3D low poly grafika - ház, építkezés, daru és üveg téglák

4. Development & Launch

3D low poly grafika - épül a ház

5. Measuring Stats & Analytics

3D low poly grafika - két kertes hát az egyik teljesen megtervezett a másik félkész

6. Scaling

3D low poly kertes házak - medencével és tetőterasszal sötét háttéren

Fontos a részletekre is figyelni

Érdemes gondoskodni az olyan egyszerű oldalak megfelelő tervezéséről, mint a ‘404’ vagy ‘offline’ oldalak, mert ezek is hozzájárulnak a weboldal professzionalitásának növeléséhez.

Scriptide 404es oldalának UI design terve
UI design, amikor offline a weboldal

Karrier oldal

A karrier oldalon többféle egyedi ikon található, melyek segítenek a felhasználónak jobban megérteni az adott leírást anélkül, hogy el kellene olvasnia az egész szöveget.

Az összes karrier oldalon található ikon

Még több kép

Végül néhány kép a Scriptide prezentációjának nyitó és záró diájáról, valamint különböző social media hirdetések és borítók láthatók az utolsó képen.

3D látványterv a scriptide logóról sci-fi és techy háttérrel
Prezentáció dia 3D háttérképpel
Scriptide social kreatívok